vue配置别名

在项目根目录下新建vue.config.js文件

添加类似如下代码（@表示src目录）

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

注意，在html或css中引用别名时需要加在前面加~，例如：

<img src="~imgs/tableBar/cartActivated.png" alt="">