vue-cli4使用vue.config.js配置路径别名，附带脚手架2版本配置别名

在项目目录中直接创建文件vue.config.js注意名字不能改，注意不是放在src里面的而是直接在该项目的根里创建（与src，package.json这些文件同级），在该文件下复制以下代码：

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

这样就可以在写路径时不需要…/而且也不需要加@直接assets/xxxx就行，但是要注意在html里的路径比如img标签的src则需要加个~符号

脚手架2版本配置别名 只需要到build文件夹下找到webpack.base.config.js文件中的

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      'components': resolve('src/components'),
      'assets': resolve('src/assets'),
    }
  },

默认是有配置src的，下边的比如components别名注意路径不能写@而是得写src，这里跟4版本还是有点区别的。注意修改了配置文件，要重新npm run dev/serve一下。