vue+webpack图片打包出错处理办法
图片文件目录
项目目录\src\assets\images\layout
配置图片引用前缀
文件路径:项目目录\build\webpack.base.conf.js
配置
使用实例
引用
官方文档:出力资源路径.
发现样式引入背景图仍不显示
注意:通过以上一番配置和引用,有时候你会发现css引用背景图片仍然不显示,那么就要做如下配置
// build/utils.js
// 大概在文件的49行左右的位置
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
// 重点配置这一行
publicPath: '../../' // 作用是设置打包过程中提取css的方法
})
} else {
return ['vue-style-loader'].concat(loaders)
}