react-loadable-ssr-code-splitting/webpack.base.js at master · konradmi/react-loadable-ssr-code-splitting · 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
const ExtractCssChunks = require("extract-css-chunks-webpack-plugin")

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            babelrc: false,
            presets: [
              ['es2015', { modules: false }],
              'react',
            ],
            plugins: [
              'syntax-dynamic-import',
              'transform-class-properties',
              'transform-object-assign',
              "react-loadable/babel"
            ],
          }
        },
      },
      {
       use: ExtractCssChunks.extract({
         use: ['css-loader', 'sass-loader'],
       }),
       test: /\.scss$/,
       exclude: /node_modules/,
     },
    ],
  },
  plugins: [
    new ExtractCssChunks
  ]
}