目前，css 代码被 css-loader 转换后，交给的是 style-loader 进行处理。
    style-loader 使用的方式是用一段 js 代码，将样式加入到 style 元素中。
    而实际的开发中，我们往往希望依赖的样式最终形成一个 css 文件
    此时，就需要用到一个库：**mini-css-extract-plugin**
    该库提供了1个 plugin 和1个 loader

    1.   1. plugin：负责生成 css 文件
    2.   2. loader：负责记录要生成的 css 文件的内容，同时导出开启 css-module 后的样式对象
    1. const MiniCssExtractPlugin = require("mini-css-extract-plugin")
    2. module.exports = {
    3.     module: {
    4.         rules: [
    5.             {
    6.                 test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader?modules"]
    7.             }
    8.         ]
    9.     },
    10.     plugins: [
    11.         new MiniCssExtractPlugin() //负责生成css文件
    12.     ]
    13. }