webpack 打包图片 大于10KB 的 不显示!!!!

打包后发 服务器上 只有图标显示了,其他大于 10KB 的图片都不显示!!!如果把 limit 值加个0(小于100KB就可以显示了)。有其他办法吗??????

{

    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')

}

clipboard.png

安装 file-loader 后也不管用。不的为什么。。。。。。

clipboard.png
修改build 路径后 css 可以显示了,但是 图片还是不显示,报错。。。

clipboard.png

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 2.7k
2 个回答

这个不显示怕是路径错误吧,可以打开chrome调试工具看一下error。

至于为什么调整limit会显示,因为这个属性的意思是图片的大小小于这个值,那么直接编码程base64写进代码中,不走path路径,所以正常显示了。一旦图片大小超过这个值,那么就要打包输出图片到某个文件夹,具体看您的配置。

建议通过 output里面的publicPath或者输出hash两方面查找原因,先用调试工具定位错误吧。

如果不能解决,欢迎再次讨论,?。

新手上路,请多包涵

请问解决了吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题