webpack npm run build 后图片不显示，图片路径中只有不完整的base64代码

Question

src中只有data:image/png;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJhM2JkZWVkZGMwOGY3YjEzMDljNTYxZjIxOThiZGRhZC5wbmciOw==

Answer 1

使用了img-loader，如果配置了最小压缩大小，会将小于这个预设大小的图片已 base64编码。例如这样一份配置：

  {
    test: /\.(png|jpe?g|gif)$/,
    loaders: [
      'url-loader?limit=10240&name=[hash:8].[ext]&outputPath=img/',
      'img-loader?minimize&optimizationLevel=5&progressive=true&outputPath=img/'
    ]
  },

就会将大小小于10Kb的图片已 base64编码。这样就能节省一个请求了