1.使用【html-loader】处理.html文件。
在官网:webpack.github.io/docs/list-of-loaders.html#templating里面都有收录
npm install html-loader --save-dev;
module.loaders里面:
{
test:/\.html$/,
loader:'html-loader'
}
2.【file-loader]
使用:https://github.com/webpack-contrib/file-loader
3.使用【url-loader】处理image文件,使用【image-webpack-loader】进行图片的压缩处理
地址:https://www.npmjs.com/package/url-loader
https://github.com/tcoopman/image-webpack-loader
npm install url-loader --save-dev;
npm install image-webpack-loader --save-dev
module.loaders里面:
{
test:/\.(png|jpg|jpeg|svg|gif)$/i,
loaders:{
'url-loader?limit=1000&name=assets/[name]-[hash:5].[ext], //限制文件大小,文件命名规则
'image-webpack-loader'
}
}
//多个loader,都是从左往右执行