(vue.cli3)vue.config路径起别名

在项目目录下创建vue.config.js文件，这是配置文件，不是在src目录下创建

作用引用文件更加快捷简洁，比如大型项目里引用文件可能需要套娃好几层，类似：../../../assets/css/base.css

起了别名以后，我们只需要@import from ''./assets/css/base.css''即可引用，下面代码直接复制粘贴到你创建的vue.config.js文件中就行

module.exports = {
  configureWebpack: {
    resolve: {
      // extensions:[] //这个属性可选，默认后缀名.json/.vue/.js文件引用时不需要加后缀名了，所以一般不设置这个
      alias: {
        //别名
        //  '@':'src'    //像之前引用的css文件@import 也是默认就有的，不需要再写这行代码
        assets: "@/assets",
        common: "@/common",
        components: "@/components",
        network: "@/network",
        views: "@/views",
      },
    },
  },
};

这里解释下为什么router目录和store目录不需要起别名，很简单，因为一般情况下只需要在main.js中引用一次，在别的组件需要用router或者store里面的东西直接this.$router.xxx或者this.$store.xxx就完事了，路由相关和网络相关的东西只需要配置和this使用即可