webpack-builder-react-xd/lib/babelConfig.js

小盾安全前端团队构建器

module.exports = {
  cacheDirectory: true,
  presets: [
    [ require.resolve('@babel/preset-env') ],
    require.resolve('@babel/preset-typescript'),
    [require.resolve('@babel/preset-react'), {
      'runtime': 'automatic'
    }],
  ],
  plugins: [
    [ require.resolve('@babel/plugin-transform-runtime'), {
      corejs: 3,
    }],

    // stage 0
    require.resolve('@babel/plugin-proposal-function-bind'),

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

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

    // stage 3
    require.resolve('@babel/plugin-syntax-dynamic-import'),
    require.resolve('@babel/plugin-syntax-import-meta'),
    [ require.resolve('@babel/plugin-proposal-class-properties'), { loose: false }],
    require.resolve('@babel/plugin-proposal-json-strings'),

    // antd 动态导入
    [ require.resolve('babel-plugin-import'), { libraryName: 'antd', style: true }, 'antd' ],
    // react HMR babel插件
    process.env.NODE_ENV === 'development' && require.resolve('react-refresh/babel'),
  ].filter(Boolean),
};