Vue-cli搭建的项目中路径别名的配置

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        "assets": "@/assets",
        "common": "@/common",
        "components": "@/components",
        "network": "@/network",
        "views": "@/views"
      }
    }
  }
}

const path = require('path');//引入path模块
function resolve(dir){
  return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}

module.exports = {
  chainWebpack: (config)=>{
    config.resolve.alias          
    .set('components',resolve('src/components'))        
    .set('views',resolve('src/views'))        
    .set('assets',resolve('src/assets'))        
    .set('common',resolve('src/common'))        
    .set('network',resolve('src/network'))
    //set第一个参数：设置的别名，第二个参数：设置的路径　　　　    
  }
}