使用vue cli3搭建vue项目,配置路径别名在vue.config.js配置(没有build目录,里边的webpack相关也没有了)
配置路径别名,方便引用,不用写那么长
配置前:
1import Banner from '../components/m-banner.vue';
配置后(不用再关心文件层级关系):
1import Banner from 'components/m-banner.vue';
vue.config.js的文件:
constpath = require('path');//引入path模块
function resolve(dir){
return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}
module.exports={
chainWebpack:(config)=>{
config.resolve.alias
.set('@',resolve('./src'))
.set('components',resolve('./src/components'))//set第一个参数:设置的别名,第二个参数:设置的路径
}}