html里img引用图片问题

Question

html里img引用的图片目前是不是没有被打包到dist里面的，所以要把路径改为…/src/img/

Answer 1

扬_灵 2022-04-08 09:47:55

同学你好，这里的图片已经打包了，但是没有打到dist/images中，因为我们在配置文件中配置的是大于8k的时候才会打包到images中。修改路径是因为在移植html的过程中过图片资源都添加到了src/img，而html中这里路径需要修改才能回去到。

• 提问者 ben1289 #1

  没有被打包吧，修改路径获取的是src里的图片，并不是dist里，所以img标签所引用的图片仍然没被打包，请问老师我如果想把img引用的图片也打包该怎么做呢？

• Aioros2017 #2

  配置文件中配置的是大于8k的时候才会打包到images中，对于这句话我的理解是图片如果大于8k，最终会被打包到dist/images中。否则会以base64的形式展现。但是目前打包后的dist目录中的index.html文件中的图片引用的都是src/img目录中的图片。感觉是配置没有生效？

• Aioros2017 #3

  我好像发现问题所在了。就是关于图片的处理，目前的webpack配置只处理样式里引用的图片。对于html文档里引用的图片是不处理的。所有html里的图片都是直接引用src/img目录下的图片。这样的问题首先是将来上传发布项目，难道还要将src/img目录也一起上传发布？其次是图片名后加hash是为了防止图片缓存的问题，如果html文档中所引用的图片不经过webpack处理，如果避免图片缓存的问题？