scripts/packages/babel-preset/src/preset.js at 3e4c32d3a0778cbb536b3a1822a1d93ec7205138 · TrigenSoftware/scripts · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
function isCommonJS(api, defaults) {
  const supportsStaticESM = api.caller(
    ({ supportsStaticESM }) => supportsStaticESM
  )

  return typeof supportsStaticESM === 'undefined'
    ? defaults
    : !supportsStaticESM
}

module.exports = (api, envOptions, options) => {
  const {
    targets,
    useBuiltIns,
    corejs,
    commonjs,
    typescript,
    react,
    transformDynamicImport,
    requireContextHook,
    reactConstantElements,
    reactRemovePropTypes: inputReactRemovePropTypes
  } = {
    targets: false,
    useBuiltIns: 'usage',
    corejs: 3,
    commonjs: isCommonJS(api, false),
    typescript: false,
    react: false,
    transformDynamicImport: false,
    requireContextHook: false,
    reactConstantElements: {},
    reactRemovePropTypes: {},
    ...envOptions,
    ...options
  }
  const reactRemovePropTypes = {
    removeImport: typeof inputReactRemovePropTypes.mode === 'undefined'
      || inputReactRemovePropTypes.mode === 'remove',
    ignoreFilenames: ['node_modules'],
    ...inputReactRemovePropTypes
  }
  const presetEnvOptions = {
    useBuiltIns,
    corejs
  }
  const presets = [['@babel/preset-env', presetEnvOptions]]
  const plugins = [
    '@babel/plugin-syntax-dynamic-import',
    '@babel/plugin-syntax-import-meta',
    [
      '@babel/plugin-proposal-decorators',
      {
        legacy: true
      }
    ],
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-proposal-json-strings',
    '@babel/plugin-proposal-function-sent',
    '@babel/plugin-proposal-export-namespace-from',
    '@babel/plugin-proposal-numeric-separator',
    '@babel/plugin-proposal-throw-expressions',
    '@babel/plugin-proposal-export-default-from',
    '@babel/plugin-proposal-async-generator-functions',
    '@babel/plugin-transform-runtime',
    [
      'babel-plugin-transform-remove-imports',
      {
        test: /^regenerator-runtime\/runtime/
      }
    ]
  ]

  if (targets) {
    presetEnvOptions.targets = targets
  }

  if (!commonjs) {
    presetEnvOptions.modules = false
  }

  if (typescript) {
    presets.push('@babel/preset-typescript')
  }

  if (react) {
    switch (process.env.NODE_ENV) {
      case 'production':
        presets.push('@babel/preset-react')
        plugins.push(
          ['@babel/plugin-transform-react-constant-elements', reactConstantElements],
          ['babel-plugin-transform-react-remove-prop-types', reactRemovePropTypes],
          'babel-plugin-transform-react-class-to-function'
        )
        break

      case 'development':
        presets.push('@babel/preset-react')

        try {
          require.resolve('react-hot-loader/babel')
          plugins.push('react-hot-loader/babel')
        } catch {
          /* Ignore */
        }

        break

      default:
        presets.push('@babel/preset-react')
        break
    }
  }

  if (transformDynamicImport) {
    plugins.push('babel-plugin-dynamic-import-node')
  }

  if (requireContextHook) {
    plugins.push('babel-plugin-require-context-hook')
  }

  return {
    presets,
    plugins
  }
}