babel.config.js

/* eslint global-require: off, import/no-extraneous-dependencies: off */

const developmentEnvironments = ['development', 'test']

const developmentPlugins = []

const productionPlugins = [
  require('babel-plugin-dev-expression'),

  // babel-preset-react-optimize
  require('@babel/plugin-transform-react-constant-elements'),
  require('@babel/plugin-transform-react-inline-elements'),
  require('babel-plugin-transform-react-remove-prop-types')
]

module.exports = api => {
  // See docs about api at https://babeljs.io/docs/en/config-files#apicache

  const development = api.env(developmentEnvironments)

  return {
    presets: [
      // @babel/preset-env will automatically target browserslist (package.json) targets
      require('@babel/preset-env'),
      [require('@babel/preset-react'), { development }]
    ],
    plugins: [
      require('@babel/plugin-proposal-object-rest-spread'),

      // aliases
      [
        require('babel-plugin-module-resolver'), {
          'root': ['./'],
          'alias': {
            '@views': './src/views',
            '@pages': './src/views/pages',
            '@core': './src/core',
            '@components': './src/views/components',
            '@styles': './src/styles',
            '@layouts': './src/views/layouts'
          }
        }
      ],

      // Stage 0
      // require('@babel/plugin-proposal-function-bind'),

      // Stage 1
      // require('@babel/plugin-proposal-export-default-from'),
      // require('@babel/plugin-proposal-logical-assignment-operators'),
      // [require('@babel/plugin-proposal-optional-chaining'), { loose: false }],
      /* [
       *   require('@babel/plugin-proposal-pipeline-operator'),
       *   { proposal: 'minimal' }
       * ], */
      /* [
       *   require('@babel/plugin-proposal-nullish-coalescing-operator'),
       *   { loose: false }
       * ], */
      // require('@babel/plugin-proposal-do-expressions'),

      // Stage 2
      // [require('@babel/plugin-proposal-decorators'), { legacy: true }],
      // require('@babel/plugin-proposal-function-sent'),
      // require('@babel/plugin-proposal-export-namespace-from'),
      // require('@babel/plugin-proposal-numeric-separator'),
      // require('@babel/plugin-proposal-throw-expressions'),

      // Stage 3
      // require('@babel/plugin-syntax-dynamic-import'),
      // require('@babel/plugin-syntax-import-meta'),
      [require('@babel/plugin-proposal-private-property-in-object'), { loose: true }],
      [require('@babel/plugin-proposal-private-methods'), { loose: true }],
      [require('@babel/plugin-proposal-class-properties'), { loose: true }],
      // require('@babel/plugin-proposal-json-strings'),

      ...(development ? developmentPlugins : productionPlugins)
    ]
  }
}