本文摘自PHP中文网,作者藏色散人,侵删。
webpack css url报错是因为图片加载路径错误,其解决办法:首先打开相应的代码文件;然后打包样式中的背景图;最后重新添加publicPath即可。
本教程操作环境:Dell G3电脑、Windows7系统、webpack3.0&&css3版本。
推荐:《css视频教程》
webpack中css的url报错?
css-loader:
1 2 3 4 5 6 7 8 9 10 |
|
当小于8192,就打包成base64,那么,大于的就不做处理;
情景:我在main.css中背景图:
1 2 3 4 |
|
结果:打包的时候,图片是在dist/images/文件夹下的,但是控制台中却是:
Failed to load resource:the server responded with a status of
404(Not Found)
图片没有找到,于是我去查看路径:
相关阅读 >>
css animation-timing-function属性怎么用
更多相关阅读请进入《webpack》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者