webpack之html-loader,文件处理

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,都是从左往右执行


你可能感兴趣的:(webpack之html-loader,文件处理)