最开始做项目的时候,经常会因为引入图片而烦恼,所以在网上找了种方法,分享给大家:
打开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;
}
而且这个路径是通用的,是不是方便很多呢。