使用打包模块压缩css

首先我们安装包 yarn add mini-css-extract-plugin

 yarn add mini-css-extract-plugin

然后再src/css/index.css内  书写好你要压缩的内容

ul,
li {
  font-size: 50px;
  color: #8df;
}
body {
  background: url(../assets/images/logo_small.png) no-repeat center;
}

然后修改配置文件

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  plugins: [new MiniCssExtractPlugin()],
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [MiniCssExtractPlugin.loader, "css-loader"],
      },
    ],
  },
};