vue中修改别名(alias)
这里踩了很大的坑,记录下来。因为使用的是最新的脚手架工具 @vue/cli ,它不会生成任何webpack文件,所以需要手动创建。根据官方文档 :需要创建vue.config.js还有一个坑,就是没有安装 path ,导致无法解析路径下面上代码就懂了const path = require('path');function resolve(dir) {...
·
这里踩了很大的坑,记录下来。
因为使用的是最新的脚手架工具 @vue/cli ,它不会生成任何webpack文件,所以需要手动创建。 根据官方文档 :需要创建vue.config.js
还有一个坑,就是没有安装 path ,导致无法解析路径
下面上代码就懂了
同时附上官方文档的例子就懂了(alias:别名)
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
lintOnSave: true,
chainWebpack: (config) => {
config.resolve.alias
.set('styles',resolve('src/assets/styles'))
// 这里只写了两个个,你可以自己再加,按这种格式.set('', resolve(''))
}
};
更多推荐
已为社区贡献2条内容
所有评论(0)