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、安装第三方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')}}})...
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...
// 根据提示选择配置即可 vite 提供的选项很少,只有 react 或 react + ts 2、配置环境变量 vite 提供了开发模式和生产模式 这里我们可以建立 4 个.env文件,一个通用配置和三种环境:开发、测试、生产。 env文件中的变量名建议以VITE_APP开头,和vue cli中的VUE_APP相同 ,用法也一致 .env文件 通用配置 用来配置...
vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') } },// ... 配置tsconfig.json ...
在vite.config.ts 中 resolve: { alias:{ '@': path.resolve(__dirname, './src') } } 这个时候 path 会报错, 需要安装 npm i -D @types/node 5.2 路径别名提示 在tsconfig.json 中添加配置 "baseUrl": "./", "paths": { "@/*": ["src/*"] ...
安装完毕后,在vite.config.ts中配置: //...importeslint from"vite-plugin-eslint";exportdefaultdefineConfig({ plugins: [react(), eslint()],//...}); 无论方案一还是方案二,此时仍会报错,因为 ESLint 无法解析 ts 代码,所以还需要安装 @typescript-eslint/parser ...
1.2 修改vite.config配置文件 配置别名 vite.config: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from 'path'; export default defineConfig({ plugins: [react()], resolve: { alias:{ "@":path.resolve(__dirname,'./src')//配置@别名 ...
我们先从项目基本配置(安装、样式、组件库、代理和环境变量)开始: 1.安装 npminit@vitejs/app 然后根据指引一步步选择react + ts 2.css预处理器的配置 Vite 提供了对.scss,.sass,.less,.styl和.stylus文件的内置支持。没有必要为它们安装特定的 Vite 插件,但必须安装相应的预处理器依赖。