babel.config.js

const isProd = process.env.NODE_ENV === 'production'

module.exports = {
  presets: [
    [
      require.resolve('@babel/preset-env'),
      { exclude: ['transform-regenerator'] },
    ],
    [
      require.resolve('@babel/preset-typescript'),
      { isTsx: false, onlyRemoveTypeImports: true, allExtensions: true },
    ],
  ].filter(Boolean),

  plugins: [
    require.resolve('./scripts/babel/vue-sfc'),
    require.resolve('@babel/plugin-proposal-class-properties'),
    [
      require.resolve('@babel/plugin-transform-runtime'),
      {
        helpers: false,
        regenerator: false,
      },
    ],
    isProd && require.resolve('./scripts/babel/for-of-array'),
    isProd && require.resolve('@babel/plugin-proposal-optional-catch-binding'),
    isProd && [
      require.resolve('@babel/plugin-proposal-optional-chaining'),
      { loose: true },
    ],
    [
      require.resolve('@babel/plugin-transform-modules-commonjs'),
      { noInterop: isProd },
    ],
  ].filter(Boolean),
}