@modern-js/builder 2.27.0 → 2.29.0

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @modern-js/builder
 
+## 2.29.0
+
+### Patch Changes
+
+- 1171338: fix(app-tools): tools.tsChecker default value mismatch with doc
+
+  fix(app-tools): tools.tsChecker 默认值与文档不匹配
+
+- 2ad31da: feat(builder): support performance preconnect/dnsPrefetch configurations
+
+  feat(builder): 支持 performance preconnect/dnsPrefetch 配置项
+
+- Updated dependencies [e6b5355]
+- Updated dependencies [93db783]
+- Updated dependencies [bd4c354]
+- Updated dependencies [ee59d06]
+- Updated dependencies [cba7675]
+- Updated dependencies [99052ea]
+- Updated dependencies [d198779]
+- Updated dependencies [1d71d2e]
+  - @modern-js/utils@2.29.0
+  - @modern-js/builder-shared@2.29.0
+  - @modern-js/monorepo-utils@2.29.0
+
+## 2.28.0
+
+### Minor Changes
+
+- 7d966a1: feat(builder): source code build feature support project reference by adding tsCheck configuration
+  feat(builder): 源码构建增加 tsCheck 配置支持 project reference 的情况
+
+### Patch Changes
+
+- fb93353: fix(builder): support source code build when ts-loader enable
+  fix(builder): 在 ts-loader 开启的时候支持源码构建
+- 362416f: feat(builder): support import Node.js addons when target is node
+
+  feat(builder): 支持在 target 为 node 时引用 Node.js addons
+
+- 820bfe9: feat(builder): add checkSyntax.ecmaVersion option
+
+  feat(builder): 新增 checkSyntax.ecmaVersion 选项
+
+- Updated dependencies [6400d98]
+- Updated dependencies [362416f]
+- Updated dependencies [aa0c0c3]
+- Updated dependencies [9301e46]
+- Updated dependencies [00b58a7]
+- Updated dependencies [820bfe9]
+- Updated dependencies [d3e52e4]
+  - @modern-js/builder-shared@2.28.0
+  - @modern-js/utils@2.28.0
+  - @modern-js/monorepo-utils@2.28.0
+
 ## 2.27.0
 
 ### Patch Changes

package/dist/plugins/antd.js

@@ -18,36 +18,34 @@ _export(exports, {
   }
 });
 const _utils = require("@modern-js/utils");
-const builderPluginAntd = () => {
-  return {
-    name: `builder-plugin-antd`,
-    setup(api) {
-      api.modifyBuilderConfig((builderConfig) => {
-        var _builderConfig_source_transformImport;
-        var _builderConfig;
-        var _source;
-        (_source = (_builderConfig = builderConfig).source) !== null && _source !== void 0 ? _source : _builderConfig.source = {};
-        if (builderConfig.source.transformImport === false || ((_builderConfig_source_transformImport = builderConfig.source.transformImport) === null || _builderConfig_source_transformImport === void 0 ? void 0 : _builderConfig_source_transformImport.some((item) => item.libraryName === "antd"))) {
-          return;
-        }
-        const antdMajorVersion = (0, _utils.getAntdMajorVersion)(api.context.rootPath);
-        if (antdMajorVersion && antdMajorVersion < 5) {
-          var _builderConfig1;
-          var _source1;
-          (_source1 = (_builderConfig1 = builderConfig).source) !== null && _source1 !== void 0 ? _source1 : _builderConfig1.source = {};
-          builderConfig.source.transformImport = [
-            ...builderConfig.source.transformImport || [],
-            {
-              libraryName: "antd",
-              libraryDirectory: useSSR(api.context.target) ? "lib" : "es",
-              style: true
-            }
-          ];
-        }
-      });
-    }
-  };
-};
+const builderPluginAntd = () => ({
+  name: `builder-plugin-antd`,
+  setup(api) {
+    api.modifyBuilderConfig((builderConfig) => {
+      var _builderConfig_source_transformImport;
+      var _builderConfig;
+      var _source;
+      (_source = (_builderConfig = builderConfig).source) !== null && _source !== void 0 ? _source : _builderConfig.source = {};
+      if (builderConfig.source.transformImport === false || ((_builderConfig_source_transformImport = builderConfig.source.transformImport) === null || _builderConfig_source_transformImport === void 0 ? void 0 : _builderConfig_source_transformImport.some((item) => item.libraryName === "antd"))) {
+        return;
+      }
+      const antdMajorVersion = (0, _utils.getAntdMajorVersion)(api.context.rootPath);
+      if (antdMajorVersion && antdMajorVersion < 5) {
+        var _builderConfig1;
+        var _source1;
+        (_source1 = (_builderConfig1 = builderConfig).source) !== null && _source1 !== void 0 ? _source1 : _builderConfig1.source = {};
+        builderConfig.source.transformImport = [
+          ...builderConfig.source.transformImport || [],
+          {
+            libraryName: "antd",
+            libraryDirectory: useSSR(api.context.target) ? "lib" : "es",
+            style: true
+          }
+        ];
+      }
+    });
+  }
+});
 function useSSR(target) {
   return (Array.isArray(target) ? target : [
     target

package/dist/plugins/arco.js

@@ -10,37 +10,36 @@ Object.defineProperty(exports, "builderPluginArco", {
 });
 const _utils = require("@modern-js/utils");
 const _antd = require("./antd");
-const builderPluginArco = () => {
-  return {
-    name: `builder-plugin-arco`,
-    setup(api) {
-      const ARCO_NAME = "@arco-design/web-react";
-      const ARCO_ICON = `${ARCO_NAME}/icon`;
-      api.modifyBuilderConfig((builderConfig) => {
-        var _builderConfig;
-        const { transformImport = [] } = builderConfig.source || {};
-        if (transformImport === false || !(0, _utils.isPackageInstalled)(ARCO_NAME, api.context.rootPath)) {
-          return;
-        }
-        const isUseSSR = (0, _antd.useSSR)(api.context.target);
-        if (!(transformImport === null || transformImport === void 0 ? void 0 : transformImport.some((item) => item.libraryName === ARCO_NAME))) {
-          transformImport.push({
-            libraryName: ARCO_NAME,
-            libraryDirectory: isUseSSR ? "lib" : "es",
-            camelToDashComponentName: false,
-            style: true
-          });
-        }
-        if (!(transformImport === null || transformImport === void 0 ? void 0 : transformImport.some((item) => item.libraryName === ARCO_ICON))) {
-          transformImport.push({
-            libraryName: ARCO_ICON,
-            libraryDirectory: isUseSSR ? "react-icon-cjs" : "react-icon",
-            camelToDashComponentName: false
-          });
-        }
-        (_builderConfig = builderConfig).source || (_builderConfig.source = {});
-        builderConfig.source.transformImport = transformImport;
-      });
-    }
-  };
-};
+const builderPluginArco = () => ({
+  name: `builder-plugin-arco`,
+  setup(api) {
+    const ARCO_NAME = "@arco-design/web-react";
+    const ARCO_ICON = `${ARCO_NAME}/icon`;
+    api.modifyBuilderConfig((builderConfig) => {
+      var _transformImport, _transformImport1;
+      var _builderConfig;
+      const { transformImport = [] } = builderConfig.source || {};
+      if (transformImport === false || !(0, _utils.isPackageInstalled)(ARCO_NAME, api.context.rootPath)) {
+        return;
+      }
+      const isUseSSR = (0, _antd.useSSR)(api.context.target);
+      if (!((_transformImport = transformImport) === null || _transformImport === void 0 ? void 0 : _transformImport.some((item) => item.libraryName === ARCO_NAME))) {
+        transformImport.push({
+          libraryName: ARCO_NAME,
+          libraryDirectory: isUseSSR ? "lib" : "es",
+          camelToDashComponentName: false,
+          style: true
+        });
+      }
+      if (!((_transformImport1 = transformImport) === null || _transformImport1 === void 0 ? void 0 : _transformImport1.some((item) => item.libraryName === ARCO_ICON))) {
+        transformImport.push({
+          libraryName: ARCO_ICON,
+          libraryDirectory: isUseSSR ? "react-icon-cjs" : "react-icon",
+          camelToDashComponentName: false
+        });
+      }
+      (_builderConfig = builderConfig).source || (_builderConfig.source = {});
+      builderConfig.source.transformImport = transformImport;
+    });
+  }
+});

package/dist/plugins/checkSyntax.js

@@ -28,7 +28,7 @@ function builderPluginCheckSyntax() {
         chain.plugin(CheckSyntaxPlugin.name).use(CheckSyntaxPlugin, [
           {
             targets,
-            exclude: typeof checkSyntax === "object" ? checkSyntax.exclude : void 0
+            ...typeof checkSyntax === "object" ? checkSyntax : {}
           }
         ]);
       });

package/dist/plugins/html.js

@@ -23,11 +23,12 @@ const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _buildershared = require("@modern-js/builder-shared");
 const _lodash = /* @__PURE__ */ _interop_require_default._(require("@modern-js/utils/lodash"));
 async function getTemplateParameters(entryName, config, assetPrefix) {
+  var _templateParametersByEntries;
   const { applyOptionsChain } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("@modern-js/utils")));
   const { mountId, templateParameters, templateParametersByEntries } = config.html;
   const meta = await (0, _buildershared.getMetaTags)(entryName, config);
   const title = (0, _buildershared.getTitle)(entryName, config);
-  const templateParams = (templateParametersByEntries === null || templateParametersByEntries === void 0 ? void 0 : templateParametersByEntries[entryName]) || templateParameters;
+  const templateParams = ((_templateParametersByEntries = templateParametersByEntries) === null || _templateParametersByEntries === void 0 ? void 0 : _templateParametersByEntries[entryName]) || templateParameters;
   const baseParameters = {
     meta,
     title,

package/dist/plugins/index.js

@@ -36,8 +36,10 @@ const plugins = {
   rem: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./rem"))).then((m) => m.builderPluginRem()),
   wasm: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./wasm"))).then((m) => m.builderPluginWasm()),
   moment: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./moment"))).then((m) => m.builderPluginMoment()),
+  nodeAddons: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./nodeAddons"))).then((m) => m.builderPluginNodeAddons()),
   externals: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./externals"))).then((m) => m.builderPluginExternals()),
   sourceBuild: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./sourceBuild"))).then((m) => m.builderPluginSourceBuild({
     sourceField: "source"
-  }))
+  })),
+  networkPerformance: () => Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./networkPerformance"))).then((m) => m.builderPluginNetworkPerformance())
 };

package/dist/plugins/networkPerformance.d.ts

@@ -0,0 +1,2 @@
+import { type DefaultBuilderPlugin } from '@modern-js/builder-shared';
+export declare const builderPluginNetworkPerformance: () => DefaultBuilderPlugin;

package/dist/plugins/networkPerformance.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "builderPluginNetworkPerformance", {
+  enumerable: true,
+  get: function() {
+    return builderPluginNetworkPerformance;
+  }
+});
+const _buildershared = require("@modern-js/builder-shared");
+const builderPluginNetworkPerformance = () => ({
+  name: `builder-plugin-network-performance`,
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, isServer, isWebWorker, isServiceWorker, HtmlPlugin }) => {
+      const config = api.getNormalizedConfig();
+      const { performance: { dnsPrefetch, preconnect } } = config;
+      if (isServer || isWebWorker || isServiceWorker) {
+        return;
+      }
+      if (dnsPrefetch) {
+        chain.plugin(CHAIN_ID.PLUGIN.HTML_DNS_PREFETCH).use(_buildershared.HtmlNetworkPerformancePlugin, [
+          dnsPrefetch,
+          "dnsPrefetch",
+          HtmlPlugin
+        ]);
+      }
+      if (preconnect) {
+        chain.plugin(CHAIN_ID.PLUGIN.HTML_PRECONNECT).use(_buildershared.HtmlNetworkPerformancePlugin, [
+          preconnect,
+          "preconnect",
+          HtmlPlugin
+        ]);
+      }
+    });
+  }
+});

package/dist/plugins/nodeAddons.d.ts

@@ -0,0 +1,2 @@
+import { type DefaultBuilderPlugin } from '@modern-js/builder-shared';
+export declare const builderPluginNodeAddons: () => DefaultBuilderPlugin;

package/dist/plugins/nodeAddons.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "builderPluginNodeAddons", {
+  enumerable: true,
+  get: function() {
+    return builderPluginNodeAddons;
+  }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _buildershared = require("@modern-js/builder-shared");
+const builderPluginNodeAddons = () => ({
+  name: "builder-plugin-node-addons",
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { isServer, isServiceWorker, CHAIN_ID }) => {
+      if (!isServer && !isServiceWorker) {
+        return;
+      }
+      const { chalk, pkgUp } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("@modern-js/utils")));
+      const getDistName = (resource) => {
+        const pkgJSON = pkgUp.sync({
+          cwd: resource
+        });
+        if (!pkgJSON) {
+          throw new Error(`Failed to compile Node.js addons, couldn't find the package.json of ${chalk.yellow(resource)}.`);
+        }
+        const getFilename = (resource2, pkgName2) => {
+          var _match;
+          const reg = new RegExp(`node_modules/${pkgName2}/(.+)`);
+          const match = resource2.match(reg);
+          const filename = (_match = match) === null || _match === void 0 ? void 0 : _match[1];
+          if (!filename) {
+            return "[name].[ext]";
+          }
+          return `${filename}`;
+        };
+        const { name: pkgName } = require(pkgJSON);
+        const config = api.getNormalizedConfig();
+        const serverPath = (0, _buildershared.getDistPath)(config.output, "server");
+        return `${serverPath}/${getFilename(resource, pkgName)}`;
+      };
+      chain.module.rule(CHAIN_ID.RULE.NODE).test(/\.node$/).use(CHAIN_ID.USE.NODE).loader((0, _buildershared.getSharedPkgCompiledPath)("node-loader")).options({
+        name: getDistName
+      });
+    });
+  }
+});

package/dist/plugins/rem.js

@@ -16,68 +16,66 @@ const defaultOptions = {
   enableRuntime: true,
   rootFontSize: 50
 };
-const builderPluginRem = () => {
-  return {
-    name: "builder-plugin-rem",
-    pre: [
-      "builder-plugin-css",
-      "builder-plugin-less",
-      "builder-plugin-sass",
-      "builder-plugin-stylus"
-    ],
-    setup(api) {
-      api.modifyBundlerChain(async (chain, { CHAIN_ID, isServer, isWebWorker, HtmlPlugin }) => {
-        const config = api.getNormalizedConfig();
-        const { output: { convertToRem } } = config;
-        if (!convertToRem || isServer || isWebWorker) {
-          return;
-        }
-        const userOptions = {
-          ...defaultOptions,
-          ...typeof convertToRem === "boolean" ? {} : convertToRem
-        };
-        const { default: PxToRemPlugin } = await Promise.resolve((0, _buildershared.getSharedPkgCompiledPath)("postcss-pxtorem")).then((p) => /* @__PURE__ */ _interop_require_wildcard._(require(p)));
-        const applyRules = [
-          CHAIN_ID.RULE.CSS,
-          CHAIN_ID.RULE.LESS,
-          CHAIN_ID.RULE.SASS,
-          CHAIN_ID.RULE.STYLUS
-        ];
-        const getPxToRemPlugin = () => PxToRemPlugin({
-          rootValue: userOptions.rootFontSize,
-          unitPrecision: 5,
-          propList: [
-            "*"
-          ],
-          ..._lodash.default.cloneDeep(userOptions.pxtorem || {})
-        });
-        applyRules.forEach((name) => {
-          chain.module.rules.has(name) && chain.module.rule(name).use(CHAIN_ID.USE.POSTCSS).tap((options = {}) => {
-            var _options_postcssOptions;
-            return {
-              ...options,
-              postcssOptions: {
-                ...options.postcssOptions || {},
-                plugins: [
-                  ...((_options_postcssOptions = options.postcssOptions) === null || _options_postcssOptions === void 0 ? void 0 : _options_postcssOptions.plugins) || [],
-                  getPxToRemPlugin()
-                ]
-              }
-            };
-          });
+const builderPluginRem = () => ({
+  name: "builder-plugin-rem",
+  pre: [
+    "builder-plugin-css",
+    "builder-plugin-less",
+    "builder-plugin-sass",
+    "builder-plugin-stylus"
+  ],
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, isServer, isWebWorker, HtmlPlugin }) => {
+      const config = api.getNormalizedConfig();
+      const { output: { convertToRem } } = config;
+      if (!convertToRem || isServer || isWebWorker) {
+        return;
+      }
+      const userOptions = {
+        ...defaultOptions,
+        ...typeof convertToRem === "boolean" ? {} : convertToRem
+      };
+      const { default: PxToRemPlugin } = await Promise.resolve((0, _buildershared.getSharedPkgCompiledPath)("postcss-pxtorem")).then((p) => /* @__PURE__ */ _interop_require_wildcard._(require(p)));
+      const applyRules = [
+        CHAIN_ID.RULE.CSS,
+        CHAIN_ID.RULE.LESS,
+        CHAIN_ID.RULE.SASS,
+        CHAIN_ID.RULE.STYLUS
+      ];
+      const getPxToRemPlugin = () => PxToRemPlugin({
+        rootValue: userOptions.rootFontSize,
+        unitPrecision: 5,
+        propList: [
+          "*"
+        ],
+        ..._lodash.default.cloneDeep(userOptions.pxtorem || {})
+      });
+      applyRules.forEach((name) => {
+        chain.module.rules.has(name) && chain.module.rule(name).use(CHAIN_ID.USE.POSTCSS).tap((options = {}) => {
+          var _options_postcssOptions;
+          return {
+            ...options,
+            postcssOptions: {
+              ...options.postcssOptions || {},
+              plugins: [
+                ...((_options_postcssOptions = options.postcssOptions) === null || _options_postcssOptions === void 0 ? void 0 : _options_postcssOptions.plugins) || [],
+                getPxToRemPlugin()
+              ]
+            }
+          };
         });
-        if (!userOptions.enableRuntime) {
-          return;
-        }
-        const entries = Object.keys(chain.entryPoints.entries() || {});
-        const distDir = (0, _buildershared.getDistPath)(config.output, "js");
-        chain.plugin(CHAIN_ID.PLUGIN.AUTO_SET_ROOT_SIZE).use(_buildershared.AutoSetRootFontSizePlugin, [
-          userOptions,
-          entries,
-          HtmlPlugin,
-          distDir
-        ]);
       });
-    }
-  };
-};
+      if (!userOptions.enableRuntime) {
+        return;
+      }
+      const entries = Object.keys(chain.entryPoints.entries() || {});
+      const distDir = (0, _buildershared.getDistPath)(config.output, "js");
+      chain.plugin(CHAIN_ID.PLUGIN.AUTO_SET_ROOT_SIZE).use(_buildershared.AutoSetRootFontSizePlugin, [
+        userOptions,
+        entries,
+        HtmlPlugin,
+        distDir
+      ]);
+    });
+  }
+});

package/dist/plugins/sourceBuild.d.ts

@@ -9,12 +9,6 @@ export declare const getSourceInclude: (options: {
   sourceField: string;
   extraMonorepoStrategies?: ExtraMonorepoStrategies;
 }) => Promise<string[]>;
-export declare const sourceBuildInWebpack: (api: WebpackBuilderPluginAPI, options: {
-  sourceField: string;
-  projectRootPath: string;
-  projectName?: string;
-  extraMonorepoStrategies?: ExtraMonorepoStrategies;
-}) => void;
 export interface PluginSourceBuildOptions {
   projectName?: string;
   sourceField?: string;

package/dist/plugins/sourceBuild.js

@@ -16,14 +16,13 @@ _export(exports, {
   getSourceInclude: function() {
     return getSourceInclude;
   },
-  sourceBuildInWebpack: function() {
-    return sourceBuildInWebpack;
-  },
   builderPluginSourceBuild: function() {
     return builderPluginSourceBuild;
   }
 });
 const _monorepoutils = require("@modern-js/monorepo-utils");
+const _utils = require("@modern-js/utils");
+const log = (0, _utils.debug)("BUILDER_PLUGIN_SOURCE_BUILD");
 const pluginName = "builder-plugin-source-build";
 const getSourceInclude = async (options) => {
   const { projectNameOrRootPath, sourceField, extraMonorepoStrategies, findMonorepoStartPath } = options;
@@ -39,55 +38,9 @@ const getSourceInclude = async (options) => {
       field: sourceField
     }));
   }
+  log(`get include projects: ${includes}`);
   return includes;
 };
-const sourceBuildInWebpack = (api, options) => {
-  const { sourceField, projectRootPath, projectName, extraMonorepoStrategies } = options;
-  api.modifyBuilderConfig(async (config) => {
-    var _config_experiments;
-    const { sourceBuild = true } = (_config_experiments = config.experiments) !== null && _config_experiments !== void 0 ? _config_experiments : {};
-    if (!sourceBuild) {
-      return;
-    }
-    const includes = await getSourceInclude({
-      projectNameOrRootPath: projectName || projectRootPath,
-      sourceField,
-      findMonorepoStartPath: projectRootPath,
-      extraMonorepoStrategies
-    });
-    var _config_source;
-    config.source = (_config_source = config.source) !== null && _config_source !== void 0 ? _config_source : {};
-    var _config_source_include;
-    config.source.include = [
-      ...(_config_source_include = config.source.include) !== null && _config_source_include !== void 0 ? _config_source_include : [],
-      ...includes
-    ];
-  });
-  api.modifyBundlerChain((chain) => {
-    const { experiments: { sourceBuild } } = api.getNormalizedConfig();
-    if (!sourceBuild) {
-      return;
-    }
-    if (chain.resolve.mainFields.values().length === 0) {
-      chain.resolve.mainFields.prepend("...");
-      chain.resolve.mainFields.prepend(sourceField);
-    }
-  });
-  api.modifyWebpackConfig(async (config) => {
-    const { experiments: { sourceBuild } } = api.getNormalizedConfig();
-    if (!sourceBuild) {
-      return;
-    }
-    var _config_resolve;
-    config.resolve = (_config_resolve = config.resolve) !== null && _config_resolve !== void 0 ? _config_resolve : {};
-    var _config_resolve_conditionNames;
-    config.resolve.conditionNames = [
-      "...",
-      sourceField,
-      ...(_config_resolve_conditionNames = config.resolve.conditionNames) !== null && _config_resolve_conditionNames !== void 0 ? _config_resolve_conditionNames : []
-    ];
-  });
-};
 function builderPluginSourceBuild(options) {
   const { projectName, sourceField = "source", extraMonorepoStrategies } = options !== null && options !== void 0 ? options : {};
   return {
@@ -116,15 +69,16 @@ function builderPluginSourceBuild(options) {
           ];
         });
         api.modifyBundlerChain((chain, { CHAIN_ID }) => {
-          const { experiments: { sourceBuild } } = api.getNormalizedConfig();
+          const { experiments: { sourceBuild }, tools: { tsLoader } } = api.getNormalizedConfig();
           if (!sourceBuild) {
             return;
           }
-          chain.module.rule(CHAIN_ID.RULE.JS).resolve.mainFields.merge([
+          const useTsLoader = Boolean(tsLoader);
+          chain.module.rule(useTsLoader ? CHAIN_ID.RULE.TS : CHAIN_ID.RULE.JS).resolve.mainFields.merge([
             "...",
             sourceField
           ]);
-          chain.module.rule(CHAIN_ID.RULE.JS).resolve.merge({
+          chain.module.rule(useTsLoader ? CHAIN_ID.RULE.TS : CHAIN_ID.RULE.JS).resolve.merge({
             conditionNames: [
               "...",
               sourceField

package/dist/plugins/tsChecker.js

@@ -9,11 +9,13 @@ Object.defineProperty(exports, "builderPluginTsChecker", {
   }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _lodash = require("@modern-js/utils/lodash");
 const builderPluginTsChecker = () => {
   return {
     name: "builder-plugin-ts-checker",
     setup(api) {
       api.modifyBundlerChain(async (chain, { target }) => {
+        var _experiments;
         const config = api.getNormalizedConfig();
         if (config.output.disableTsChecker || !api.context.tsconfigPath) {
           return;
@@ -34,13 +36,22 @@ const builderPluginTsChecker = () => {
           logger.warn('"typescript" is not found in current project, Type Checker will not work.');
           return;
         }
+        const { experiments } = api.getNormalizedConfig();
+        var _experiments_sourceBuild;
+        const enableSourceBuild = (_experiments_sourceBuild = (_experiments = experiments) === null || _experiments === void 0 ? void 0 : _experiments.sourceBuild) !== null && _experiments_sourceBuild !== void 0 ? _experiments_sourceBuild : false;
         const tsCheckerOptions = applyOptionsChain({
           typescript: {
             // avoid OOM issue
             memoryLimit: 8192,
             // use tsconfig of user project
             configFile: api.context.tsconfigPath,
-            typescriptPath
+            typescriptPath,
+            // In source build mode, using the project reference generates a TS2307 error,
+            // so additional configuration of the tsChecker is required
+            ...enableSourceBuild ? {
+              build: true,
+              mode: "readonly"
+            } : {}
           },
           issue: {
             exclude: [
@@ -59,7 +70,7 @@ const builderPluginTsChecker = () => {
               console.error(message.replace(/ERROR/g, "Type Error"));
             }
           }
-        }, typeof config.tools.tsChecker === "object" ? config.tools.tsChecker : {});
+        }, config.tools.tsChecker, void 0, _lodash.merge);
         if (api.context.bundlerType === "rspack" && chain.get("mode") === "production") {
           logger.info("ts-checker running...");
           logger.info("ts-checker is running slowly and will block builds until it is complete, please be patient and wait.");

package/package.json

@@ -18,7 +18,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "version": "2.27.0",
+  "version": "2.29.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -32,18 +32,18 @@
   "dependencies": {
     "@svgr/webpack": "8.0.1",
     "@swc/helpers": "0.5.1",
-    "@modern-js/builder-shared": "2.27.0",
-    "@modern-js/monorepo-utils": "2.27.0",
-    "@modern-js/utils": "2.27.0"
+    "@modern-js/monorepo-utils": "2.29.0",
+    "@modern-js/builder-shared": "2.29.0",
+    "@modern-js/utils": "2.29.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.0",
     "@types/node": "^14",
     "typescript": "^5",
-    "@modern-js/builder-webpack-provider": "2.27.0",
-    "@modern-js/builder-rspack-provider": "2.27.0",
-    "@scripts/build": "2.27.0",
-    "@scripts/vitest-config": "2.27.0"
+    "@modern-js/builder-webpack-provider": "2.29.0",
+    "@modern-js/builder-rspack-provider": "2.29.0",
+    "@scripts/build": "2.29.0",
+    "@scripts/vitest-config": "2.29.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",