高级 - 多进程打包以及配置css和js压缩（内容少时打包速度更慢，但体积庞大时就有明显的效果）

// 安装
npm i thread-loader -D


// webpack配置
const os = require("os");
const threads = os.cpus().length; // cpu数
const TerserWebpackPlugin = require("terser-webpack-plugin");

module.eports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                use: [
                    {
                        loader: "thread-loader", // 开启多进程
                        options: {
                            works: threads, // 进程数量
                        }
                    },
                    {
                        loader: "babel-loader",
                        options: {
                            cacheDirectory: true,
                            // ...
                        }
                    }
                ]
            }
        ]
    },

    plugins: [
        new ESLintPlugin({
            // ...
            threads, // 开启ESLint多进程
        })
    ]，

    // webpack5 压缩习惯放在这里
    optimization: {
        // 压缩的操作
        minimizer: [
            // 压缩css
            new CssMinimizerPlugin(),

            // 压缩js
            new TerserWebpackPlugin({
                parallel: threads // 开启多进程和设置进程数量
            })
        ]
    }
}