Vite+Vue3 配置根目录

2,076 阅读1分钟

由于我在使用vue3+vite+ts开发时,使用 @ 用来指向根目录 /src。
没想到控制台直接报错,汗,大意了,没想到vite居然不支持。

image.png

于是就去vite官网找了一圈配置终于找到了resolve.alias

image.png

从文档上可以看出resolve.alias的类型可以是对象或数组

...... (此处省略十万字)

废话不多说,直接贴代码

import { defineConfig } from 'vite'
const path = require("path");
export default defineConfig({
  resolve:{
    alias:[
      find:'@',replacement:path.resolve(__dirname,'src')
    ]
  }
})

没有path模块的话,可以安装

npm i @type/node -D