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...
vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') } },// ... 配置tsconfig.json {"compilerOptions": {"target":"esnext","module":...
我们只需要在vite.config.ts中添加如下配置: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from "path"; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], resolve: { alias: { "@": path.resolve(__dirname, "src"...
选择ts cd vite-project //安装依赖 npm install //启动项目npm run dev ts以及vite的一些配置 根目录下的tsconfig.json配置ts { "compilerOptions": { "target": "ES2020",//指定 ECMAScript 目标版本,如 "ES3", "ES5", "ES2015", "ES2020", 或 "ESNEXT"。默认为 "ES3"。
"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 ...
如果eslint出现报错"vite" is not published和"@vitejs/plugin-react" is not published,则需要在package.json中把这两个依赖从devDependencies移到dependencies内。 如果报错不能使用jsx,则需要tsconfig.compilerOptions中配置"jsx": "react" 如果使用document的地方报错找不到名称“document”,则需要配置"lib": ["es...
配置vite.config.ts exportdefaultdefineConfig((mode:ConfigEnv):UserConfig=>{constenv=loadEnv(mode.mode,process.cwd());constviteEnv=wrapperEnv(env);return{resolve:{alias:{"@":resolve(__dirname,"./src"),},},css:{preprocessorOptions:{less:{javascriptEnabled:true,additionalData:`@import "@/styl...