react-starter-kit

1
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
2
const TerserWebpackPlugin = require('terser-webpack-plugin');
3

4
module.exports = ({mode}) => ({
5
  optimization: {
6
    chunkIds: 'named',
7
    emitOnErrors: false,
8
    minimizer: [
9
      new TerserWebpackPlugin({
10
        extractComments: false,
11
        terserOptions: {output: {comments: false}},
12
      }),
13
      new CssMinimizerPlugin({
14
        minimizerOptions: {
15
          preset: ['default', {discardComments: {removeAll: true}}],
16
        },
17
      }),
18
    ],
19
    moduleIds: 'named',
20
    nodeEnv: mode,
21
    splitChunks: {
22
      cacheGroups: {
23
        common: {
24
          chunks: 'initial',
25
          minChunks: 2,
26
          name: 'common',
27
        },
28
        icons: {
29
          chunks: 'all',
30
          name: 'icons',
31
          test: /\.svg$/u,
32
        },
33
        vendor: {
34
          chunks: 'all',
35
          name: 'vendor',
36
          test: /[\\/]node_modules[\\/]/u,
37
        },
38
      },
39
    },
40
  },
41
});
42