father v4 如何覆盖默认babel preset 配置

[sharemeans]

想配置@umi/babel-preset-umi的loose为true。
理由：class 继承出现属性重复定义的情况，由于defineProperty重复定义属性会报错，有什么解决办法么。

[fz6m]

// .fatherrc.ts

export default defineConfig({
  umd: {
    chainWebpack(memo, { webpack }) {
      const RULES = ['src', 'jsx-ts-tsx', 'extra-src']
      RULES.forEach(rule => {
        memo.module.rule(rule).use('babel-loader').tap((options) => {
          options.presets[0][1].presetEnv.loose = true;
          return options
        })
      })
      return memo
    },
  },
})

但是不建议你这么用。

[hstarorg]

如果是打包 esm 呢？有办法么？

[wozien]

// .fatherrc.ts
import { defineConfig } from 'father';

export default defineConfig({
  esm: {
    output: 'es',
  },
  extraBabelPlugins: [
    [
      require.resolve(
        '@umijs/bundler-utils/compiled/babel/plugin-proposal-class-properties',
      ),
      { loose: true },
    ],
    [
      require.resolve(
        '@umijs/bundler-utils/compiled/babel/plugin-proposal-private-methods',
      ),
      {
        loose: true,
      },
    ],
    [
      require.resolve(
        '@umijs/bundler-utils/compiled/babel/plugin-proposal-private-property-in-object',
      ),
      {
        loose: true,
      },
    ],
  ]
});

可以暂时这么配置解决

[wozien]

后续希望father能暴露一个配置参数