webpack常用loader

• 文件处理loader:可以处理图片,字体,txt等

1. url-loader:file-loader所有的功能都有.多了一个limit限制.小于这个值打包为base64格式
2. 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%"]
        })
    ]