本文探讨了项目部署后图片失效的问题，特别是由于路径错误导致的404错误。通过调整Webpack配置，如使用ExtractTextPlugin插件的第三个参数选项，有效解决了由src或css引入的图片无法正常加载的情况。
首先 确定问题描述：
在项目开发中,当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题,控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片， 也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入
其次 查询问题解决方案：
网上很多：基本上是 设置 build/utils.js 文件 30行左右
BUG 。。郁闷来了 跟 网上的不一样 如何破解。。。
我们 点击 进入
ExtractTextPlugin 类
发现 该 类的方法 后面 有第三个参数 options
所以 为何不尝试一下 把 需要新增的配置 参数传进去呢？
测试 成功了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
