babel.config.js

/**
 * Copyright 2017–2018, LaborX PTY
 * Licensed under the AGPL Version 3 license.
 */

/**
 * This is config for Babel 7.x
 *
 * See info
 * https://babeljs.io/docs/en/configuration
 * https://babeljs.io/docs/en/config-files#6x-vs-7x-babelrc-loading
 */

module.exports = (api) => {
  api.cache(true)

  const presets = [
    '@babel/preset-env',
    '@babel/preset-react',
  ]

  const plugins = [
    '@babel/transform-flow-strip-types',
    '@babel/plugin-transform-runtime',
    '@babel/plugin-transform-computed-properties',
    '@babel/plugin-proposal-export-namespace-from', // to use 'exports * as ...'
    '@babel/plugin-syntax-object-rest-spread',
    '@babel/plugin-transform-object-assign',
    '@babel/plugin-transform-destructuring',
    // plugin-proposal-class-properties must be placed AFTER 'plugin-proposal-decorators'
    // See https://babeljs.io/docs/en/next/babel-plugin-proposal-decorators.html
    ['@babel/plugin-proposal-decorators', { 'legacy': true }],
    ['@babel/plugin-proposal-class-properties', { loose: false }],
    '@babel/plugin-proposal-export-default-from',
    '@babel/plugin-proposal-throw-expressions',
    [
      'react-css-modules',
      {
        handleMissingStyleName: 'throw',
        generateScopedName: '[name]__[local]___[hash:base64:5]',
        filetypes: {
          '.scss': {
            syntax: 'postcss-scss',
          },
        },
      },
    ],
    'react-hot-loader/babel',
  ]

  const overrides = [
    {
      test: ['./config'],
      presets: [['@babel/preset-env']],
    },
  ]

  return {
    presets,
    plugins,
    overrides,
  }
}