webpack常用loader
-
文件处理loader:可以处理图片,字体,txt等
- url-loader:file-loader所有的功能都有.多了一个limit限制.小于这个值打包为base64格式
- file-loader
-
css处理文件
css-loader:将css文件打包到js文件;
style-loader:将样式加入html的style
postcss-loader:给css属性加浏览器前缀.
//webpack.config.js
{
test: /\.css$/,
use: ["style-loader", "css-loader", "postcss-loader"]
},
//postcss.config.js
module.exports = {
plugins: [
require("autoprefixer")({
overrideBrowserslist: ["last 2 versions", ">1%"]
})
]
本文标题:webpack常用loader
本文链接:https://www.haomeiwen.com/subject/dshefktx.html
网友评论