webpack5---2 将css 提取到独立文件

将css 单独打包将用到 mini-css-extract-plugin 插件

1. npm install --save-dev mini-css-extract-plugin

使用该插件

使用这个插件，注意在处理css-loader 之后不使用 style-loader 而是使用 该插件的loader

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

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