本文介绍了如何在vite.config.js中设置alias别名，包括对象形式和数组形式的配置方法，强调了使用绝对路径的重要性，并提到了插件自定义解析的高级用法。示例中展示了将src目录下的各个子目录设置为别名的步骤，同时也提醒读者在修改配置后需重启项目。
vite.config.js 别名配置
resolve.alias
-
类型：
Record<string, string> | Array<{ find: string | RegExp, replacement: string }>将会被传递到
@rollup/plugin-alias作为entries的选项。也可以是一个对象，或一个{ find, replacement }的数组.当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会被原封不动地使用，因此无法被正常解析。
更高级的自定义解析方法可以通过插件实现。
import {
defineConfig
} from ‘vite’
import path from “path”;
import vue from ‘@vitejs/plugin-vue’// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {
“@”: path.resolve(__dirname, “src”),
“components”: path.resolve(__dirname, “src/components”),
“styles”: pat
最低0.47元/天 解锁文章
扫一扫
1050
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
