当前位置: 首页 > Web前端 > vue.js

vite配置项目路径别名

时间:2023-03-31 22:44:31 vue.js

在webpack中,可以通过resolve.alias定义项目路径别名,这样导入文件的时候就不用再使用相对路径了,使用根路径(/src/)统一作为起点。Vite也支持定义路径别名://vite.config.js/tsimport{join}from"path";import{defineConfig}from'vite'//https://vitejs.dev/config/exportdefaultdefineConfig({resolve:{alias:{'@':join(__dirname,"src"),}}})如果项目是用TypeScript写的,需要修改TypeScript配置:{//..."compilerOptions":{//...其他配置"baseUrl":".","paths":{"@/*":["src/*"]}},//...}如果你刚刚创建了一个TypeScript项目,那里可能会遇到找不到模块“路径”或其对应的类型声明的错误信息,只需安装@types/node。npminstall@types/node--save-dev