图片丢失,需要更改build/utils.js的配置,至于为什么背景图有的打包后存在,有的丢失,那是因为webpack会把图片转成base64,但是图片大小超过阈值就不转,而背景图片里用的是相对路径最后会直接替换成static,但是路径会有问题,所以得配置 如下
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath:
'../../',
fallback:
'vue-style-loader'
})
如下是修改图片大小阈值的方法 build文件下,找到webpack.base.config.js 找到如下代码
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 20000,//限制图片的大小(字节)
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},