babel.config.js

module.exports = function babelConfig(api) {
  api.cache(true);

  const plugins = [
    '@babel/plugin-syntax-dynamic-import',
    '@babel/plugin-syntax-import-meta',
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-proposal-json-strings',
    [
      '@babel/plugin-proposal-decorators',
      {
        legacy: true,
      },
    ],
    '@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-logical-assignment-operators',
    '@babel/plugin-proposal-optional-chaining',
    [
      '@babel/plugin-proposal-pipeline-operator',
      {
        proposal: 'minimal',
      },
    ],
    '@babel/plugin-proposal-nullish-coalescing-operator',
    '@babel/plugin-proposal-do-expressions',
    '@babel/plugin-proposal-function-bind',
  ];

  return {
    comments: false,
    plugins,
    presets: ['@babel/preset-env'],
    env: {
      test: {
        presets: [
          [
            '@babel/preset-env',
            {
              targets: {
                chrome: 69,
              },
            },
          ],
        ],
        plugins: ['istanbul', 'rewire'],
      },
      main: {
        presets: [
          [
            '@babel/preset-env',
            {
              targets: {
                node: 10,
              },
            },
          ],
        ],
      },
      renderer: {
        presets: [
          [
            '@babel/preset-env',
            {
              modules: false,
              targets: {
                chrome: 69,
              },
            },
          ],
        ],
      },
    },
  };
};