webpack5 配置css兼容和压缩

一、css兼容性

1、安装插件

npm install postcss-loader postcss-preset-env -D

2、配置（https://www.npmjs.com/package/postcss-loader）

{
  test: /\.css$/i,
  use: [
    MiniCssExtraactPlugin.loader,
    'css-loader',
    {
      loader: 'postcss-loader',
      options: {
        postcssOptions: {
          plugins: [
            'postcss-preset-env'
          ]
        }
      }
    },
  ]
}

3.在package.json中配置browserslist

"browserslist":{
    "development":[
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ],
    "production":[
      ">0.1%",
      "not dead",
      "not op_mini all"
    ]
  }