VUE路径别名‘@’@在vue可以当做路径的根目录来使用，不必再’./'或者‘…/’(两个点，markdown自动加了一

@在vue可以当做路径的根目录来使用，不必再’./'或者‘…/’(两个点，markdown自动加了一个点)来利用同级目录和父级目录的方式去找路径了，更加方便。
而在vue使用@时必须先要进行配置，这里在webpack中配置：
找到vue中webpack.config.js文件，然后找到module.exports的resolve，最后在resolve中编辑代码：

resolve: {
     extensions: ['*', '.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
       '@': path.resolve('src'),
        
    },

之前网上有人也有相同的博客，不过在使用resolve时前面没有path，便会报错。

在这里插入图片描述

这里我进行进一步完善，为遇到困难的同学提供一点正确的帮助：）