首先vite去创建项目,然后在vite.conflg.js文件中去配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//引入path模块
import path from "path";
// console.log(path)
// https://vitejs.dev/config/
//创建一个文件读取方法
function resolve(url){
return path.resolve(__dirname,url)
}
export default defineConfig({
//配置@别名
resolve:{
alias:{
"@":resolve("./src"),
"@netWork":resolve("./src/network"),
"@utils":resolve("./src/utils"),
}
},
plugins: [vue()],
})
1,引入path
2,创建一个文件读取方法,fuction
3,在export default中配置
注意:js版本支持node.js的全局变量path。但是TS版本不支持,需要自己去安装
安装@types/node ,让他支持node