最開始做項目的時候缤谎,經(jīng)常會因為引入圖片而煩惱渗鬼,所以在網(wǎng)上找了種方法刹衫,分享給大家:
打開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;
}
而且這個路徑是通用的景描,是不是方便很多呢券时。