首先,找到并打开你的Vite配置文件,它可能是vite.config.js或vite.config.ts。 定位到resolve.alias配置段落: 在Vite配置文件中,找到或添加resolve字段,并在其中定位到alias字段。alias字段用于定义路径别名。 添加或修改别名路径: 使用Vite的别名配置语法,添加或修改你需要的别名路径。例如,要将src目录设置为@别名,你...
使用vite开发vue3项目时,如果想要配置路径别名,可以通过下面的几个步骤进行配置。 首先,因为开发环境是ts,并且还要使用到node中的path模块,所以需要先安装一下node的类型声明文件。 npm i -D @types/node 安装完成后,就可以在vue.config.ts中增加如下的配置。 import{ defineConfig }from'vite' importvuefrom'@vi...
首先需要在tsconfig.json "baseUrl": "./","paths": {"@/*": ["src/*"],"#/*": ["types/*"], } 然后在vite.config.ts配置https://cn.vitejs.dev/config/#resolve-alias import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import* as path from 'path'//https://vi...
vite配置路径别名 路径别名同样需要在vite.config.ts中配置,此时具体配置如下: import{join}from"path";// 此处如果报错则安装 node/path依赖import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importvueJsxfrom"@vitejs/plugin-vue-jsx";exportdefaultdefineConfig({plugins:[vue(),vueJsx()],s...
vite中,使用resolve.alias进行路径别名配置。 resolve.alias 官网文档:https://cn.vitejs.dev/config/shared-options.html#resolve-alias 这个配置实际会作为rollup插件@rollup/plugin-alias的entries 的选项。必须使用绝对路径进行配置! 想要使用路径别名,我们需要先在vite.config.js中配置,如果我们的alias中配置了如下代...
一、让vite做路径解析 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(__di...
vite配置项目路径别名 webpack中可以通过resolve.alias定义项目路径别名,这样可以在引入文件时,不再需要使用相对路径,统一以根路径(/src/)作为起点。 vite同样支持路径别名的定义: // vite.config.js/tsimport{ join }from"path";import{ defineConfig }from'vite'// https://vitejs.dev/config/exportdefault...
具体配置: 在根目录中的vite.config.ts中加入如下配置:(以下是我个人项目配置) import { resolve }from"path";// 导入 path 模块,帮助我们解析路径export default defineConfig({resolve: { // 这里配置需要注意:Vite新版本resolve配置改为对象形式,如下:alias: [ ...
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()],//配置...
1、配置 tsconfig.json 在compilerOptions设置baseUrl项目根目录路径 compilerOptions:{"baseUrl":"./",} 在compilerOptions下设置paths选项来指定你的别名配置 compilerOptions:{"baseUrl":"./","paths":{"@/*":["src/*"]}} 2、配置 vite.config.ts ...