1、安装第三方Node包 npm i @types/node -D 2、配置别名路径 image.png import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[react()],resolve:{alias:{'@':path.resolve(__dirname,'./src')}}})...
Vite的配置文件通常是vite.config.js或vite.config.ts。在这个文件中,你可以添加别名配置。 以下是一个示例vite.config.js文件,其中包含了别名配置: javascript import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import path from 'path'; export default defineConfig({ plugins...
1. 配置vite.config.ts Vite 默认支持通过 alias 来配置路径别名。我们需要在 vite.config.ts 中添加相关的别名配置。以下是示例: // vite.config.tsimport{defineConfig}from'vite';importreactfrom'@vitejs/plugin-react';import{resolve}from'path';exportdefaultdefineConfig({plugins:[react()],resolve:{alias...
React18+Vite+Ts+redux 生成一个vite+react+ts的项目 执行命令 npm create vite 选择react 选择ts cd vite-project //安装依赖 npm install //启动项目npm run dev ts以及vite的一些配置 根目录下的tsconfig.json配置ts { "compilerOptions": { "target": "ES2020",//指定 ECMAScript 目标版本,如 "ES3",...
在ts文件中使用 @utils importutilsfrom'@utils' vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') ...
上面我们规划了项目的目录结构,接着我们配置下vite。 3.1. 配置路径别名 配置路径别名之后可以省去写冗长的相对路径。 我们只需要在vite.config.ts中添加如下配置: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from "path"; ...
"scripts": {"dev":"vite","build":"tsc && vite build","serve":"vite preview",// 主要配置 触发pre-commit 进行elint stylelint 格式校验"lint":"npm run lint:js && npm run lint:style && npm run lint:prettier","lint:js":"eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty...
npm init @vitejs/app vite-react-ts-antd-starter --template react-ts # npm 7+, 需要额外的双横线: npm init @vitejs/app vite-react-ts-antd-starter -- --template react-ts 创建完安装依赖后,运行项目如图: 配置路由 npm i react-router-dom@5.3.0 ...
vite.config.ts // vite.config.ts{ resolve: { alias: { '@/': path.resolve(__dirname, './src'), '@/config': path.resolve(__dirname, './src/config'), '@/components': path.resolve(__dirname, './src/components'), '@/styles': path.resolve(__dirname, './src/styles'), '@...