1、问题描述:
A、在 webpack.config.js 中也添加了代码为:
{
test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/,
use: "url-loader?limit=16940"
}
.Box {
width: 300px;
height: 300px;
background: red url(../img/sass.png);
}
C、但此时就是不能将图片的信息加载出来(但背景颜色能添加出来);
显示结果为:
2、问题原因:
是因为 Webpack 版本的原因,由于我使用的 Webpack 的版本是 “webpack”: “^5.57.1” ,已经是 5.0 版本及以上了,而采用之前 5.0 版本以下的方法是行不通的;
3、问题解决的方法:
A、在 webpack.config.js 添加的代码修改为:(其余的信息不变)
{
test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/,
type: 'asset'
}
网址为:
https://webpack.docschina.org/guides/asset-modules/
4、小结:
哪里有不对或不合适的地方,还请大佬们多多指点和交流!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。