vue.config.js中别名配置问题

const path = 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('views',resolve('./src/views'))
        .set('assets',resolve('./src/assets'))
        .set('common',resolve('./src/common'))
    //set第一个参数：设置的别名，第二个参数：设置的路径
  }
}

更常用：

module.exports = {
  configureWebpack: {
    Object.assign(config, {
      // 开发生产共同配置
        resolve: {
          extensions:['.js','.vue'],
          alias: {
            vue$: "vue/dist/vue.esm.js",
            "@": path.resolve(__dirname, "./src"),
            "@c": path.resolve(__dirname, "./src/components"),
            "@v": path.resolve(__dirname, "./src/views")
          }
        }
    });
  }
}

参考：https://blog.csdn.net/Zeo1214/article/details/104984952