Gutenblocks-Gutenberg-blocks/webpack.config.js at master · smartcatdev/Gutenblocks-Gutenberg-blocks · 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
const { flatMap, assign } = require('lodash')

const BLOCKS = [
  'colour-cta',
  'image-cta',
  'widget-columns'
]

const ENTRY_POINTS = flatMap(BLOCKS, entry => [
  { [`${entry}/editor`]: `${__dirname}/blocks/${entry}/block.js` },
  { [`${entry}/public`]: `${__dirname}/blocks/${entry}/pkg.js`   }
])
.reduce((entries, entry) => assign(entries, entry));

module.exports = {
  entry: ENTRY_POINTS,
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        options: {
          presets: ['env', 'react'],
          plugins: [
            'styled-jsx/babel',
            'babel-plugin-transform-class-properties',
            'babel-plugin-transform-object-rest-spread'
          ]
        }
      },
      {
        test: /\.scss$/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader' },
          { loader: 'sass-loader' }
        ]
      }
    ]
  },
  resolve: {
    extensions: ['.jsx', '.js'],
    alias: {
      '@wordpress': `${__dirname}/wordpress`,
      '@gblx': `${__dirname}/core`,
      'scss':  `${__dirname}/scss`
    }
  },
  output: {
    filename: '[name].js',
    path: `${__dirname}/dist`,
  },
  optimization: {
    runtimeChunk: false,
    splitChunks: {
      cacheGroups: {
        common: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'all',
        },
      }
    }
  }
}