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)
}