vite配置alias
import {defineConfig} from 'vite'
import path from "path"; //path引入可能报错可以使用 import {resolve} from 'path'
import vue from '@vitejs/plugin-vue'
//方法一
export default defineConfig({
plugins: [vue()],
resolve:{
alias:{
'@':'/src/', //格式一定要写对喽不然没有代码提示或者报错
}
}
})
//方法二
export default defineConfig({
resolve: {
alias: {
"@": path.resolve(__dirname, "src"),
"components": path.resolve(__dirname, "src/components"),
"styles": path.resolve(__dirname, "src/styles"),
"plugins": path.resolve(__dirname, "src/plugins"),
"views": path.resolve(__dirname, "src/views"),
"layouts": path.resolve(__dirname, "src/layouts"),
"utils": path.resolve(__dirname, "src/utils"),
"apis": path.resolve(__dirname, "src/apis"),
"dirs": path.resolve(__dirname, "src/directives"),
},
},
plugins: [vue()],
});
//或者 数组的形式
import {
defineConfig
} from 'vite'
import path from "path";
import vue from '@vitejs/plugin-vue'
// /config/
export default defineConfig({
resolve: {
alias: [{
find: '@',
replacement: path.resolve(__dirname, 'src')
},
{
find: 'components',
replacement: path.resolve(__dirname, 'src/components')
}
],
},
plugins: [vue()],
});