在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')
},
]
}
});
}