shape/babel.config.js at development · ideo/shape · 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
module.exports = function(api) {
  // Cache the returned value forever and don't call this function again.
  api.cache(true)

  return {
    sourceType: 'unambiguous',
    exclude: /node_modules/,
    presets: ['@babel/preset-env', '@babel/preset-react'],
    plugins: [
      'lodash',
      '@babel/plugin-syntax-dynamic-import',
      [
        '@babel/plugin-proposal-decorators',
        {
          legacy: true,
        },
      ],
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true,
        },
      ],
      '@babel/plugin-transform-modules-commonjs',
      [
        'module-resolver',
        {
          extensions: ['.js', '.jsx', '.ts', '.tsx'],
          alias: {
            '~shared': './app/javascript/ui/shared',
            '~': './app/javascript',
            '^~(.+)': './app/javascript/src/\\1',
            '#': './__js_test_config',
          },
        },
      ],
      [
        '@babel/plugin-transform-runtime',
        {
          helpers: false,
          regenerator: true,
        },
      ],
    ],
    env: {
      development: {
        plugins: [
          [
            'babel-plugin-styled-components',
            {
              fileName: false,
            },
          ],
        ],
      },
      production: {
        plugins: [
          'lodash',
          [
            'styled-components',
            {
              displayName: false,
            },
          ],
        ],
      },
    },
  }
}