{
// 处理图片资源
test: /\.(jpg|png|gif)$/,
loader: 'file-loader',
options: {
// 关闭es6模块化
esModule: false,
limit: 20 * 1024,
name: '[hash:10].[ext]',
outputPath: 'imgs'
}
},
{
// 处理html中img资源
test: /\.html$/,
loader: 'html-loader',
options:{
esModule:false,
}
},
{
// 处理其他资源
exclude: /\.(html|js|css|less|jpg|png|gif)/,
loader: 'file-loader',
options: {
name: '[hash:10].[ext]',
outputPath: 'media'
}
}
]
},
主要就是下面代码中的
{
// 处理html中img资源
test: /.html$/,
loader: ‘html-loader’,
options:{
esModule:false,
}
},
webpack5中在url-loader,html-loader,中都需要配置 esModule:false