1. const Happypack = require('happypack')
    3. plugins: [ 
    4.         new Happypack({
    5.             threads: 2, //线程数
    6.             loaders: [
    7.                 'thread-loader',
    8.                 {
    9.                     loader: 'babel-loader',
    10.                     options: {
    11.                         presets: [
    12.                             ["@babel/preset-env"]
    13.                         ]
    14.                     }
    15.                 },
    16.             ]
    17.         })
    18.     ],
    21. module: {
    22.         rules: [
    23.             {
    24.                 test: /\.(ttf|woff|woff2|eot|svg)$/,
    25.                 use: [
    26.                     'file-loader'
    27.                 ]
    28.             },
    29.             {
    30.                 test: /\.(jpg|jpeg|gif|webp|png|bmp)$/,
    31.                 use: 'happyack/loader?id=img'
    32.             },
    33.             {
    34.                 test: /\.js$/,
    35.                 use: 'happyack/loader?id=js',//id查找
    36.                 exclude: /node_modules/,//配置项解决 usage  无效问题  不编义node_modules文件
    37.                 include: /src/,//配置项解决 usage  无效问题  只编译编义src的文件
    38.             },
    39.             {
    40.                 test: /\.vue$/,
    41.                 use:
    42.                 {
    43.                     loader: 'vue-loader'
    44.                 }
    46.             }
    47.         ]
    48.     },

    thread-loader:https://blog.csdn.net/a5534789/article/details/88778024

     module: {
        rules: [
            {
                test: /\.css$/,
                use: ['thread-loader',//优化css
                    MiniCssExtractPlugin.loader,//打包css文件
                    // 'style-loader',
                    'css-loader'

                ]
            },
            {
                test: /\.scss/,
                use: [
                    'thread-loader',
                    MiniCssExtractPlugin.loader,
                    // 'style-loader',
                    'css-loader',
                    'sass-loader'
                ]
            },
        ]
    },