vue.config.js config.resolve.alias 目录别名配置

1. 项目目录
   

   <!-- vue项目1目录 -->
   vue-project1
     ...
     src
     vue.config.js
   
   
   
   <!-- vue项目2目录 -->
   vue-project2
     ...
     src
     vue.config.js
   
   
   
   
   <!-- 其他项目或公共静态文件目录 -->
   static
      src

2. vue.config.js配置
   

   'use strict'
   const path = require('path');
   function resolve(dir) {
     return path.join(__dirname, dir)
   }
   
   module.exports = {
     indexPath: "index.html",
     devServer: {},
     // ...
     configureWebpack: {
       resolve: {
         alias: {
           '@': resolve('src'), //本项目路径src路径设置别名为@
           'assets': resolve('src/assets'), //本项目路径src/assets路径设置别名为assets，静态文件前要加~，否则只会以当前目录为基准
           '$s': path.resolve(__dirname, '../static/'), //项目根路径同级static目录设置别名为$$
           '$@': path.resolve(__dirname, '../static/src/') //项目根路径同级static/src目录设置别名为$@
         }
       }
     },
     /* 
     //或者也可以这么配置
     chainWebpack: config => {
       config.resolve.alias
         .set('@', resolve('src')) //本项目路径src路径设置别名为@
         .set('assets', resolve('src/assets')) //本项目路径src/assets路径设置别名为assets，静态文件前要加~，否则只会以当前目录为基准
         .set('$s', path.resolve(__dirname, '../static/')) //项目根路径同级static目录设置别名为$$
         .set('$@', path.resolve(__dirname, '../static/src/')) //项目根路径同级static/src目录设置别名为$@
     }
      */
   }