由于项目的src目录是源代码目录,所以我们经常会使用其内部的组件文件,那么我们就可以将这个./src做成一个模板,以便使用,我们可以将他设置为@代替。那么以后我们想选择./src目录下的文件时可以直接写为:@/路径
那我们就需要在vite文件中进行以下配置:
export default defineConfig({plugins: [其他配置,resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}}
})
配置后如果我们要引用一个在src的views下的Layout文件夹下的文件,我们可以在引包时:
import Layout from '@/views/Layout/name.vue'
而不用:
import Layout from './src/views/Layout/name.vue'