webpack设置固定变量减少查找路径

最开始做项目的时候，经常会因为引入图片而烦恼，所以在网上找了种方法，分享给大家：

打开build文件夹下找到webpack.base.conf，设置如下：

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'img':resolve('static')+'/image'
    }
  },

其中img是我们自己设置的。后面的('static')+'/image'是路径。
随后在页面中我们直接使用就可以了，例如：

 .aa{
    background: url("~img/img.jpg");
    width: 100px;
    height:100px;
  }

而且这个路径是通用的，是不是方便很多呢。