在vue2中 如何引用别名 详细步骤

在一个项目中，为了使咱们的项目代码看起来整齐简单，使用别名是必不可少的的一个环节。

简单的介绍一下什么是别名：

上面的写法是咱们正常按照相对路径或者绝对路径引入图片的方法，这样的方式呢在代码中看起来特别的繁琐或者很low，

所以引入别名的这种方法，也就是下面的这种写法。

显现的效果

都是可以正常的显示的。ok现在应该大概了解什么是别名了吧。

接下来就是使用方法：

1. 在咱们项目中的vue.config.js文件中加入这两段代码

   const path = require("path");

     configureWebpack: config => {
       return {
           resolve: {
               // 配置解析别名
               extensions: [".js", ".json", ".vue"], // 自动添加文件名后缀
               alias: {
                   vue$: "vue/dist/vue.esm.js",
                   "@public": path.resolve(__dirname, "public"),
                   "@": path.resolve(__dirname, "./src"),
                   "@a": path.resolve(__dirname, "./src/assets"),
                   "@c": path.resolve(__dirname, "./src/components"),
                   "@s": path.resolve(__dirname, "./src/styles"),
                   "@u": path.resolve(__dirname, "./src/utils"),
                   "@v": path.resolve(__dirname, "./src/views")
               }
           }
       }
   },

2. 
3. 使用方法：

 ok，结束了。赶紧去试试吧