0
点赞
收藏
分享

微信扫一扫

vue项目内路径使用@路径引入-vue.config.js配置 | webpack.base.conf.js 文件里配置


vue.config.js​​配置​​


项目中使用引入文件有时候路径比较深,需要使用"../../../xx.js"这种类似的路劲引入,这种方式比较笨,可以使用webpack的别名alias配置来解决


首先,先确定项目中是否有path模块

vue项目内路径使用@路径引入-vue.config.js配置 | webpack.base.conf.js 文件里配置_vue.config.js

如果没有path模块需要先安装path

npm  install  path  --save

配置

const path = require("path");
function resolve(dir) {
return path.join(__dirname, dir);
}


module.exports = {
chainWebpack: config => {
config.resolve.alias
.set("@", resolve("src"))
.set("assets", resolve("src/assets"))
.set("components", resolve("src/components"))
.set("base", resolve("baseConfig"))
.set("public", resolve("public"));
},
}

老版本webpack.base.conf.js 文件里配置

resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/胜利ue.esm.js',
'@': resolve('src'),
}
},




举报

相关推荐

0 条评论