ts对@指向src目录的提示是不支持的,vite默认也是不支持的。 所以需要手动配置@符号的指向,找到vite.config.ts import path from "path" // Vite export default defineConfig({ plugins: [react()], resolve:{ alias:{ "@":path.resolve(__dirname,'./src') } } }) 2 path模块是node.js内置的功能,但...
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...
1. 修改vite.config.ts和tsconfig.json配置 就各种修改关于路径别名的配置,从git上找了好多种,最终除了怀疑自己,啥效果没有😵 // vite.config.ts function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir) } resolve: { alias: [ { find: '@', replacement: pathResolve('src')...
vite】vite项目配置src目录路径别名 1、安装一个node依赖 npm i @types/node --save 2、在vite.config.ts中 import {defineConfig} from 'vite'import react from '@vitejs/plugin-react'import {join} from 'path'// https://vitejs.dev/config/export default defineConfig({plugins: [react()],//配置...
plugins: [react()] }; }); 1. 2. 3. 4. 5. 6. 7. base 开发或者生产环境服务的公共基础路径: mode mode就是指明模式,比如:development或者production,如果在vite.config.ts中配置的话,那么就会把serve和build模式下覆盖掉 plugin 应用需用用到的插件,是一个数组,因为应用中可能使用到很多插件。vite+reac...
vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') } },// ... 配置tsconfig.json ...
这将创建一个名为my-react-app的新React项目,并安装所有必要的依赖项。 2. 在Vite配置文件中添加别名配置 Vite的配置文件通常是vite.config.js或vite.config.ts。在这个文件中,你可以添加别名配置。 以下是一个示例vite.config.js文件,其中包含了别名配置: javascript import { defineConfig } from 'vite'; impo...
Vite 的配置文件是 vite.config.js（或 vite.config.ts），位于项目根目录。以下是一个典型的配置文件示例：4. 常用插件 Vite 的插件系统非常强大，以下是一些常用插件：4.1 Vue 支持 在 vite.config.js 中配置：4.2 React 支持 在 vite.config.js 中配置：4.3 TypeScript 支持 Vite 默认支持 TypeScript，...