使用@指向src路径可以方便开发者移动文件时,不会出现不必要的错误。
1.找到文件vite.config.js
2.写入以下配置即可
import {
defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {
resolve } from "path";
const pathResolve = (dir) => resolve(__dirname, dir);
export default defineConfig({
plugins: [
vue(),
],
resolve: {
alias: {
"@": pathResolve("./src"), // 新增
},
},
})
3.配置完毕直接在文件中导入即可
import TopBar from '@/components/TopBar.vue';