第二步 这是原 vite.config.ts文件 import { defineConfig } from'vite'import vue from'@vitejs/plugin-vue'//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [vue()], }) 改成下面这个 import { defineConfig } from'vite'import vue from'@vitejs/plugin-vue'import { resolve } ...
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig}...
Vite + Vue3 + TS,配置别名 alias Vite2 + Vue3 + TS 使用别名时跟 webpack 有所差异 这里记录下 Vite + Vue3 + TS 配置别名 主要是修改vite.config.ts和tsconfig.json 修改 vite.config.ts exportdefaultdefineConfig({ plugins: [vue()], alias:{ +'@':'/src/', +'@components':'/src/compone...
Vite + Vue3 + TS 配置别名 npm i-D @types/node 1. vite.config.ts import{resolve}from'path'exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':resolve(__dirname,'src'),'@assets':resolve(__dirname,'src/assets')}}}) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. tscon...
vue3+ts+vite 相对路径别名配置@ 首先在 vite.config.ts 种配置 然后在 tsconfig.json配置
vite.config.ts 文件中配置 resolve:{alias:{'@':fileURLToPath(newURL('./src', import.meta.url)),},}, image tsconfig.json 文件中配置 //配置 @"baseUrl":".","paths":{"@/*":["src/*"]} image 然后就可以在项目中使用@了 image...
【Vue】vite + ts 配置别名 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import {resolve} from 'path' function _resolve(dir: string) { return resolve(__dirname, dir) } // https://vitejs.dev/config/
一、vite.config.ts 设置 vite.config.ts完成上述设置后,可以正常编译运行,但vscode会报错,找不到相应的模块。还需要在tsconfig.jso...
为了解决这个报错,需要在tsconfig.ts新加个配置: {"compilerOptions":{..."paths":{"@":["./src"],"@/*":["./src/*"]// 多加个这个}}} 再奉上vite.config.ts的代码 exportdefaultdefineConfig({...resolve:{// 别名alias:{"@":path.join(__dirname,"./src"),},//extensions: [".ts", "...