Vite配置文件设置别名

新建vite.config.js 文件

在vite.config.js中的别名前后都加一个/线，还需要对resolve进行结构，具体代码如下

简单的说明一下，之前按照官网去做，一直报错，后来大神尤雨溪给出的解决方案。

const { resolve } = require('path') //必须要引入resolve 
export default {
    alias: {
        '/@/': resolve(__dirname, 'src') //把src改为@
    }
}

使用方法

import HelloWorld from '/@/components/HelloWorld.vue'
import '/@/assets/app.css'