vue3 vite使用@ 配置路径别名

vue yekong

在vue2开发时一直使用的别名提示,使用vue3的vite时,突然不能用别名了,研究发现需要配置一下。
找到vite.config.js,添加alias配置就重新运行就可以了。

import {defineConfig, loadEnv} from 'vite';
import vue from '@vitejs/plugin-vue';
import {link} from "./src/config/config.js";
import path from 'path'

export default ({mode}) => {
    return defineConfig({
        plugins: [vue()],
        base: link,
        resolve: {
            alias: [
                {
                    find: '@',
                    replacement: path.resolve(__dirname, 'src')
                },
            ]
        }
    });
}

喜欢