thread-loader/example/webpack.config.js at 83f4fe182e032bef951951c9ac81ef8a30d72e21 · webpack/thread-loader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
const path = require('path');

// eslint-disable-next-line import/no-extraneous-dependencies
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

// eslint-disable-line import/no-extraneous-dependencies
const threadLoader = require('../dist');

module.exports = (env = {}) => {
  const workerPool = {
    workers: +env.threads,
    poolTimeout: env.watch ? Infinity : 2000,
  };
  const workerPoolSass = {
    workerAllowedFunctions: ['cssLoaderGetLocalIdent'],
    workers: +env.threads,
    workerParallelJobs: 2,
    poolTimeout: env.watch ? Infinity : 2000,
  };

  if (+env.threads > 0) {
    threadLoader.warmup(workerPool, ['babel-loader', 'babel-preset-env']);
    threadLoader.warmup(workerPoolSass, ['sass-loader', 'css-loader']);
  }

  return {
    mode: 'development',
    context: __dirname,
    entry: ['react', 'lodash-es', './index.js'],
    output: {
      path: path.resolve('dist'),
      filename: 'bundle.js',
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          use: [
            env.threads !== 0 && {
              loader: path.resolve(__dirname, '../dist/index.js'),
              options: workerPool,
            },
            'babel-loader',
          ].filter(Boolean),
        },
        {
          test: /\.scss$/,
          use: [
            MiniCssExtractPlugin.loader,
            env.threads !== 0 && {
              loader: path.resolve(__dirname, '../dist/index.js'),
              options: workerPoolSass,
            },
            {
              loader: 'css-loader',
              options: {
                modules: {
                  getLocalIdent: function cssLoaderGetLocalIdent() {
                    console.log('getLocalIdent called');
                    return null;
                  },
                },
              },
            },
            'css-loader',
            'sass-loader',
          ].filter(Boolean),
        },
      ],
    },
    plugins: [
      new MiniCssExtractPlugin({
        filename: 'style.css',
      }),
    ],
    stats: {
      children: false,
    },
  };
};