feat: ✨ 新增targets配置,用于修改构建产物的兼容性

docs/config.md

@@ -48,9 +48,9 @@ father 支持以下配置项。
 - 类型：`browser` | `node`
 - 默认值：`<auto>`
 
-指定构建产物的目标平台，其中 `esm` 与 `umd` 产物的默认 `platform` 为 `browser`，`cjs` 产物的默认 `platform` 为 `node`；指定为 `browser` 时产物默认兼容至 IE11，指定为 `node` 时产物默认兼容至 Node.js v14，兼容性不支持配置。
+指定构建产物的目标平台，其中 `esm` 与 `umd` 产物的默认 `platform` 为 `browser`，`cjs` 产物的默认 `platform` 为 `node`；指定为 `browser` 时产物默认兼容至 IE11，指定为 `node` 时产物默认默认兼容至 Node.js v14。
 
-> 注：Bundless 模式下，如果手动将 `transformer` 指定为 `esbuild`，那么 `browser` 产物兼容性为 ES6 而不是 IE11。
+> 注：Bundless 模式下，如果手动将 `transformer` 指定为 `esbuild`，那么 `browser` 产物默认兼容性为 ES6 而不是 IE11。
 
 ### sourcemap
 
@@ -93,6 +93,22 @@ father 以构建产物类型划分构建配置，其中 `esm`、`cjs` 产物为
 
 指定源码的编译工具，当 `platform` 为 `node` 时，默认值为 `esbuild`，当 `platform` 为 `browser` 时，默认值为 `babel`。
 
+#### targets
+
+- 类型: `string` | `object`
+- 默认值：`undefined`
+
+指定源码编译产物的兼容性，目前仅支持 `babel` 和 `esbuild` 编译模式。以下是 `platform` 和 `transformer` 设置为不同值时传递的属性值示例
+
+| `platform` | `transformer` | `targets` example |
+| ---------- | ------------- | ----------------- |
+| `browser`  | `babel`       | `{ chrome: 80 }`  |
+| `browser`  | `esbuild`     | `es2017`          |
+| `browser`  | `swc`         | --                |
+| `node`     | `babel`       | `{ node: 14 }`    |
+| `node`     | `esbuild`     | `node14`          |
+| `node`     | `swc`         | --                |
+
 #### overrides
 
 - 类型：`object`
@@ -190,6 +206,13 @@ export default {
 
 指定产物的输出目录，输出文件名暂不支持配置，单 `entry` 时默认以 NPM 包名命名、多 `entry` 时默认与源码文件同名。
 
+#### targets
+
+- 类型: `object`
+- 默认值: `undefined`
+
+指定产物的兼容性，覆盖默认的 `{ ie: 11 }`
+
 #### externals
 
 - 类型：`Record<string, string>`

src/builder/bundle/index.ts

@@ -52,7 +52,7 @@ export default async (opts: {
         theme: config.theme,
 
         // compatible with IE11 by default
-        targets: { ie: 11 },
+        targets: config.targets || { ie: 11 },
         jsMinifier: JSMinifier.terser,
         cssMinifier: CSSMinifier.cssnano,
         extraBabelIncludes: [/node_modules/],
@@ -66,7 +66,9 @@ export default async (opts: {
       babelPreset: [
         require.resolve('@umijs/babel-preset-umi'),
         {
-          presetEnv: {},
+          presetEnv: {
+            targets: config.targets || { ie: 11 },
+          },
           presetReact: getBabelPresetReactOpts(opts.configProvider.pkg),
           presetTypeScript: {},
           pluginTransformRuntime: {},

src/builder/bundless/loaders/javascript/babel.ts

@@ -36,7 +36,9 @@ const babelTransformer: IJSTransformer = function (content) {
   const presetOpts: any = {
     presetEnv: {
       targets:
-        this.config.platform === IFatherPlatformTypes.BROWSER
+        typeof this.config.targets === 'object'
+          ? this.config.targets
+          : this.config.platform === IFatherPlatformTypes.BROWSER
           ? { ie: 11 }
           : { node: 14 },
       modules: this.config.format === IFatherBundlessTypes.ESM ? false : 'auto',

src/builder/bundless/loaders/javascript/esbuild.ts

@@ -60,7 +60,11 @@ const esbuildTransformer: IJSTransformer = async function () {
     define: this.config.define,
     platform: this.config.platform,
     target:
-      this.config.platform === IFatherPlatformTypes.NODE ? 'node14' : 'es6',
+      typeof this.config.targets === 'string'
+        ? this.config.targets
+        : this.config.platform === IFatherPlatformTypes.NODE
+        ? 'node14'
+        : 'es6',
     // esbuild need relative entry path
     entryPoints: [path.relative(this.paths.cwd, this.paths.fileAbsPath)],
     absWorkingDir: this.paths.cwd,

src/features/configPlugins/schema.ts

@@ -37,6 +37,7 @@ function getBundlessSchemas(Joi: Root) {
     transformer: Joi.string(),
     overrides: Joi.object(),
     ignores: Joi.array().items(Joi.string()),
+    targets: Joi.alternatives().try(Joi.object(), Joi.string()).optional(),
   });
 }
 
@@ -58,6 +59,7 @@ export function getSchemas(): Record<string, (Joi: Root) => any> {
         extractCSS: Joi.boolean().optional(),
         name: Joi.string().optional(),
         theme: Joi.object().pattern(Joi.string(), Joi.string()),
+        targets: Joi.object().optional(),
       }),
     prebundle: (Joi) =>
       Joi.object({

src/types.ts

@@ -149,6 +149,15 @@ export interface IFatherBundlessConfig extends IFatherBaseConfig {
    * ignore specific directories & files via ignore syntax
    */
   ignores?: string[];
+
+  /**
+   * bundless compile targets
+   * - browser:
+   *    - esbuild: es6, es2017, etc.
+   *    - babel: { chrome: 80, ... }
+   * - node: node14, node16, etc.
+   */
+  targets?: Record<string, string | number> | string;
 }
 
 export interface IFatherBundleConfig extends IFatherBaseConfig {
@@ -206,6 +215,11 @@ export interface IFatherBundleConfig extends IFatherBaseConfig {
    * configure less variables
    */
   theme?: IBundlerWebpackConfig['theme'];
+
+  /**
+   * bundle compile targets
+   */
+  targets?: Record<string, string | number>;
 }
 
 export interface IFatherPreBundleConfig {