vue3为路径设置别名
为了避免代码中出现类似’…/…/src/assets/img/different.png’包含多个’…/’符号,可以为路径设置别名。类似上述路径可直接用’@/assets//img/different.png’表示,将直接从src路径开始查找指定文件。(vue4默认将src文件夹重命名为@)1.找到node_modules/@vue/cli-service/lib/config/base.js文件
·
为了避免代码中出现类似’…/…/src/assets/img/home.png’包含多个’…/’符号,可以为路径设置别名。
类似上述路径可直接用’@/assets//img/home.png’表示,将直接从src路径开始查找指定文件。(vue3默认将src文件夹重命名为@)
1.找到node_modules/@vue/cli-service/lib/config/base.js文件
2.找到’.set(‘@’, api.resolve(‘src’))‘(图中已有内容为vue4默认为src路径设置别名@)
3.添加个人设置(不能使用’@/assets’会报错)。
添加别名后,上述路径可直接写为‘~assets/img/home.png’。
更多推荐
已为社区贡献2条内容
所有评论(0)