1.在webpack5中url-loader、file-loader已经弃用,如果想要继续使用则需要
①在use后添加type: 'javascript/auto'
②url-loader默认采用ES模块语法,即import ‘…/aaa.png’;
如果在引入css文件时是CommondJS语法就会报错
require('./css/normal.css');
所以需要将esModule设置为false
或者
引用是写es语法
import ‘…/aaa.png’
module.exports = {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
esModule:fasle
}
},
],
+ type: 'javascript/auto'
},
]
},
}
————————————————
参考:https://blog.csdn.net/w184167377/article/details/118930758