最近在学习使用webpack4.0自己搭建vue脚手架，在搭建过程中，踩了许多坑，使用file-loader打包图片文件时就遇到了以下的问题。这是我的webpack 处理打包图片相关配置项：这个配置也是和目前网上教程差不多的。使用 但是webpack构建之后，会发现，页面上引用的图片都无法正常显示：图片引用错误打开控制台，会发现所有图片的路径都变成了 object module经过一番努力的探索，终于在stackoverflow上找到了 相应的问题下方回答我翻译下：默认情况下，file-loader生成使用ES模块语法的JS模块。在某些情况下，使用ES模块是有益的，比如在模块连接和树抖动的情况下。file-loader-versions那如何解决这一问题呢？
![file-loader打包图片文件时路径错误输出为[object-module]的解决方法](https://downs1.kaledl.com/uploads/images/20211120/97fc35fa96123be5b67a82e2ea9d79a4.png)
![file-loader打包图片文件时路径错误输出为[object-module]的解决方法](https://downs1.kaledl.com/uploads/images/20211120/c1ce5985e999d268c98fff1cb90d7876.png)
![file-loader打包图片文件时路径错误输出为[object-module]的解决方法](https://downs1.kaledl.com/uploads/images/20211120/c2728fd425eac85c2c588dd546dcfb12.png)
暂无评论