Vue cli4除了默认配置外，在项目中可能会用到的配置

一、配置路径别名
如果在项目中大量使用 …/…/…/ 这种方式来指定路径，显然不是一个好办法，webpack支持在项目中配置路径别名，具体方法如下：
（1）在项目根目录创建vue.config.js文件
（2）在该文件中写下如下代码：

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第一个参数：设置的别名，第二个参数：设置的路径
  }
}

另一种写法：

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