1.安装npm i -D html-loader 和 npm install url-loader --save-dev;
2.在webpack.config.js里的module模块引入如下代码:
{
test: /\.(png|svg|jpg|gif)$/i,
loaders: [
'url-loader?limit=100000&name=images/[name].[ext]'//指定图片存放位置
]
},
{
test: /\.(html)$/,
use: {
loader: 'html-loader',
options: {
attrs: ['img:src', 'img:data-src', 'audio:src']//html图片输出
// minimize:true
}
}
}
本文详细介绍如何使用npm安装html-loader和url-loader,并在webpack.config.js中配置它们以实现图片和HTML文件的正确加载。通过设置loader选项,可以指定图片的存放位置及HTML中图片的输出方式。
442

被折叠的 条评论
为什么被折叠?



