@rsbuild/webpack 0.1.2 → 0.1.4

package/dist/core/build.js

@@ -28,7 +28,7 @@ var import_shared = require("@rsbuild/shared");
 const webpackBuild = async (compiler) => {
   return new Promise((resolve, reject) => {
     compiler.run((err, stats) => {
-      if (err || (stats == null ? void 0 : stats.hasErrors())) {
+      if (err || stats?.hasErrors()) {
         const buildError = err || new Error("Webpack build failed!");
         reject(buildError);
       } else {
@@ -67,9 +67,9 @@ const build = async (initOptions, { mode = "production", watch, compiler: custom
       }
     });
   } else {
-    const executeResult = await (executer == null ? void 0 : executer(compiler));
+    const executeResult = await executer?.(compiler);
     await context.hooks.onAfterBuildHook.call({
-      stats: executeResult == null ? void 0 : executeResult.stats
+      stats: executeResult?.stats
     });
   }
 };

package/dist/core/createCompiler.js

@@ -61,7 +61,9 @@ async function createCompiler({
     }
     isFirstCompile = false;
   });
-  await context.hooks.onAfterCreateCompilerHook.call({ compiler });
+  await context.hooks.onAfterCreateCompilerHook.call({
+    compiler
+  });
   (0, import_shared.debug)("create compiler done");
   return compiler;
 }

package/dist/core/initConfigs.js

@@ -25,29 +25,16 @@ var import_shared = require("@rsbuild/shared");
 var import_rspack_provider = require("@rsbuild/core/rspack-provider");
 var import_inspectConfig = require("./inspectConfig");
 var import_webpackConfig = require("./webpackConfig");
-var import_normalize = require("../config/normalize");
-async function modifyRsbuildConfig(context) {
-  (0, import_shared.debug)("modify Rsbuild config");
-  const [modified] = await context.hooks.modifyRsbuildConfigHook.call(
-    context.config,
-    { mergeRsbuildConfig: import_shared.mergeRsbuildConfig }
-  );
-  context.config = modified;
-  (0, import_shared.debug)("modify Rsbuild config done");
-}
 async function initConfigs({
   context,
   pluginStore,
   rsbuildOptions
 }) {
-  await (0, import_shared.initPlugins)({
-    pluginAPI: context.pluginAPI,
+  await (0, import_rspack_provider.initRsbuildConfig)({
+    // @ts-expect-error context type mismatch
+    context,
     pluginStore
   });
-  await modifyRsbuildConfig(context);
-  const normalizedConfig = (0, import_normalize.normalizeConfig)(context.config);
-  context.normalizedConfig = normalizedConfig;
-  (0, import_rspack_provider.updateContextByNormalizedConfig)(context, context.normalizedConfig);
   const targets = (0, import_shared.castArray)(rsbuildOptions.target);
   const webpackConfigs = await Promise.all(
     targets.map((target) => (0, import_webpackConfig.generateWebpackConfig)({ target, context }))

package/dist/core/initHooks.d.ts

@@ -1,6 +1,5 @@
-import { OnExitFn, OnAfterBuildFn, OnBeforeBuildFn, OnDevCompileDoneFn, ModifyWebpackChainFn, ModifyWebpackConfigFn, ModifyRsbuildConfigFn, OnAfterStartDevServerFn, OnBeforeStartDevServerFn, OnAfterCreateCompilerFn, OnBeforeCreateCompilerFn } from '@rsbuild/shared';
+import { OnExitFn, OnAfterBuildFn, OnBeforeBuildFn, OnDevCompileDoneFn, ModifyWebpackChainFn, ModifyWebpackConfigFn, ModifyRsbuildConfigFn, OnAfterStartDevServerFn, OnBeforeStartDevServerFn, OnAfterStartProdServerFn, OnBeforeStartProdServerFn, OnAfterCreateCompilerFn, OnBeforeCreateCompilerFn } from '@rsbuild/shared';
 import type { ModifyBundlerChainFn } from '@rsbuild/shared';
-import type { Compiler, MultiCompiler } from 'webpack';
 import type { WebpackConfig, RsbuildConfig } from '../types';
 export declare function initHooks(): {
   onExitHook: import("@rsbuild/shared").AsyncHook<OnExitFn>;
@@ -10,10 +9,12 @@ export declare function initHooks(): {
   modifyWebpackChainHook: import("@rsbuild/shared").AsyncHook<ModifyWebpackChainFn>;
   modifyWebpackConfigHook: import("@rsbuild/shared").AsyncHook<ModifyWebpackConfigFn>;
   modifyRsbuildConfigHook: import("@rsbuild/shared").AsyncHook<ModifyRsbuildConfigFn<RsbuildConfig>>;
-  onAfterCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnAfterCreateCompilerFn<Compiler | MultiCompiler>>;
+  onAfterCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnAfterCreateCompilerFn>;
   onBeforeCreateCompilerHook: import("@rsbuild/shared").AsyncHook<OnBeforeCreateCompilerFn<WebpackConfig>>;
   onAfterStartDevServerHook: import("@rsbuild/shared").AsyncHook<OnAfterStartDevServerFn>;
   onBeforeStartDevServerHook: import("@rsbuild/shared").AsyncHook<OnBeforeStartDevServerFn>;
+  onAfterStartProdServerHook: import("@rsbuild/shared").AsyncHook<OnAfterStartProdServerFn>;
+  onBeforeStartProdServerHook: import("@rsbuild/shared").AsyncHook<OnBeforeStartProdServerFn>;
   modifyBundlerChainHook: import("@rsbuild/shared").AsyncHook<ModifyBundlerChainFn>;
 };
 export type Hooks = ReturnType<typeof initHooks>;

package/dist/core/initHooks.js

@@ -35,6 +35,8 @@ function initHooks() {
     onBeforeCreateCompilerHook: (0, import_shared.createAsyncHook)(),
     onAfterStartDevServerHook: (0, import_shared.createAsyncHook)(),
     onBeforeStartDevServerHook: (0, import_shared.createAsyncHook)(),
+    onAfterStartProdServerHook: (0, import_shared.createAsyncHook)(),
+    onBeforeStartProdServerHook: (0, import_shared.createAsyncHook)(),
     modifyBundlerChainHook: (0, import_shared.createAsyncHook)()
   };
 }

package/dist/core/initPlugins.js

@@ -76,6 +76,8 @@ function getPluginAPI({
     onBeforeCreateCompiler: hooks.onBeforeCreateCompilerHook.tap,
     onAfterStartDevServer: hooks.onAfterStartDevServerHook.tap,
     onBeforeStartDevServer: hooks.onBeforeStartDevServerHook.tap,
+    onAfterStartProdServer: hooks.onAfterStartProdServerHook.tap,
+    onBeforeStartProdServer: hooks.onBeforeStartProdServerHook.tap,
     modifyRspackConfig: () => {
     }
   };

package/dist/core/inspectConfig.d.ts

@@ -14,7 +14,17 @@ export declare function inspectConfig({
   rsbuildConfig: string;
   bundlerConfigs: string[];
   origin: {
-    rsbuildConfig: Readonly<import("../types").RsbuildConfig>;
+    rsbuildConfig: {
+      pluginNames: string[];
+      dev?: import("@rsbuild/shared").DevConfig | undefined;
+      server?: import("@rsbuild/shared").ServerConfig | undefined;
+      html?: import("@rsbuild/shared").HtmlConfig | undefined;
+      tools?: import("../types").ToolsConfig | undefined;
+      source?: import("@rsbuild/shared").SourceConfig | undefined;
+      output?: import("@rsbuild/shared").OutputConfig | undefined;
+      security?: import("@rsbuild/shared").SecurityConfig | undefined;
+      performance?: import("@rsbuild/shared").PerformanceConfig | undefined;
+    };
     bundlerConfigs: WebpackConfig[];
   };
 }>;

package/dist/core/inspectConfig.js

@@ -41,8 +41,12 @@ async function inspectConfig({
     pluginStore,
     rsbuildOptions
   })).webpackConfigs;
+  const rsbuildDebugConfig = {
+    ...context.config,
+    pluginNames: pluginStore.plugins.map((p) => p.name)
+  };
   const rawRsbuildConfig = await (0, import_shared.stringifyConfig)(
-    context.config,
+    rsbuildDebugConfig,
     inspectOptions.verbose
   );
   const rawBundlerConfigs = await Promise.all(
@@ -70,7 +74,7 @@ async function inspectConfig({
     rsbuildConfig: rawRsbuildConfig,
     bundlerConfigs: rawBundlerConfigs,
     origin: {
-      rsbuildConfig: context.config,
+      rsbuildConfig: rsbuildDebugConfig,
       bundlerConfigs: webpackConfigs
     }
   };

package/dist/core/webpackConfig.js

@@ -34,13 +34,12 @@ module.exports = __toCommonJS(webpackConfig_exports);
 var import_shared = require("@rsbuild/shared");
 var import_shared2 = require("../shared");
 async function modifyWebpackChain(context, utils, chain) {
-  var _a;
   (0, import_shared.debug)("modify webpack chain");
   const [modifiedChain] = await context.hooks.modifyWebpackChainHook.call(
     chain,
     utils
   );
-  if ((_a = context.config.tools) == null ? void 0 : _a.webpackChain) {
+  if (context.config.tools?.webpackChain) {
     (0, import_shared.castArray)(context.config.tools.webpackChain).forEach((item) => {
       item(modifiedChain, utils);
     });
@@ -49,13 +48,12 @@ async function modifyWebpackChain(context, utils, chain) {
   return modifiedChain;
 }
 async function modifyWebpackConfig(context, webpackConfig, utils) {
-  var _a;
   (0, import_shared.debug)("modify webpack config");
   let [modifiedConfig] = await context.hooks.modifyWebpackConfigHook.call(
     webpackConfig,
     utils
   );
-  if ((_a = context.config.tools) == null ? void 0 : _a.webpack) {
+  if (context.config.tools?.webpack) {
     modifiedConfig = (0, import_shared.mergeChainedOptions)({
       defaults: modifiedConfig,
       options: context.config.tools.webpack,
@@ -123,7 +121,7 @@ async function getConfigUtils(config, chainUtils) {
     removePlugin(pluginName) {
       if (config.plugins) {
         config.plugins = config.plugins.filter(
-          (item) => (item == null ? void 0 : item.constructor.name) !== pluginName
+          (item) => item?.constructor.name !== pluginName
         );
       }
     }
@@ -134,13 +132,19 @@ async function generateWebpackConfig({
   context
 }) {
   const chainUtils = await getChainUtils(target);
-  const { BannerPlugin, DefinePlugin, ProvidePlugin } = await Promise.resolve().then(() => __toESM(require("webpack")));
+  const {
+    BannerPlugin,
+    DefinePlugin,
+    ProvidePlugin,
+    HotModuleReplacementPlugin
+  } = await Promise.resolve().then(() => __toESM(require("webpack")));
   const bundlerChain = await (0, import_shared.modifyBundlerChain)(context, {
     ...chainUtils,
     bundler: {
       BannerPlugin,
       DefinePlugin,
-      ProvidePlugin
+      ProvidePlugin,
+      HotModuleReplacementPlugin
     }
   });
   const chain = await modifyWebpackChain(

package/dist/plugins/babel.d.ts

@@ -1,3 +1,2 @@
-import type { RsbuildPlugin, NormalizedConfig } from '../types';
-export declare const getUseBuiltIns: (config: NormalizedConfig) => false | "usage" | "entry";
+import type { RsbuildPlugin } from '../types';
 export declare const pluginBabel: () => RsbuildPlugin;

package/dist/plugins/babel.js

@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var babel_exports = {};
 __export(babel_exports, {
-  getUseBuiltIns: () => getUseBuiltIns,
   pluginBabel: () => pluginBabel
 });
 module.exports = __toCommonJS(babel_exports);
@@ -38,13 +37,6 @@ var import_node = require("@rsbuild/babel-preset/node");
 var import_shared = require("@rsbuild/shared");
 var import_plugin_babel = require("@rsbuild/plugin-babel");
 var import_shared2 = require("../shared");
-const getUseBuiltIns = (config) => {
-  const { polyfill } = config.output;
-  if (polyfill === "ua" || polyfill === "off") {
-    return false;
-  }
-  return polyfill;
-};
 const pluginBabel = () => ({
   name: "rsbuild-webpack:babel",
   setup(api) {
@@ -83,7 +75,7 @@ const pluginBabel = () => ({
           }) : (0, import_web.getBabelConfigForWeb)({
             presetEnv: {
               targets: browserslist,
-              useBuiltIns: getUseBuiltIns(config2)
+              useBuiltIns: (0, import_plugin_babel.getUseBuiltIns)(config2)
             },
             pluginDecorators: decoratorConfig
           });
@@ -118,7 +110,6 @@ const pluginBabel = () => ({
           };
         };
         const { babelOptions, includes, excludes } = getBabelOptions(config);
-        const useTsLoader = Boolean(config.tools.tsLoader);
         const rule = chain.module.rule(CHAIN_ID.RULE.JS);
         (0, import_shared.applyScriptCondition)({
           rule,
@@ -127,7 +118,7 @@ const pluginBabel = () => ({
           includes,
           excludes
         });
-        rule.test(useTsLoader ? import_shared.JS_REGEX : import_shared.SCRIPT_REGEX).use(CHAIN_ID.USE.BABEL).loader(require.resolve("babel-loader")).options(babelOptions);
+        rule.test(import_shared.SCRIPT_REGEX).use(CHAIN_ID.USE.BABEL).loader(require.resolve("babel-loader")).options(babelOptions);
         chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).mimetype({
           or: ["text/javascript", "application/javascript"]
         }).use(CHAIN_ID.USE.BABEL).loader(require.resolve("babel-loader")).options(import_lodash.default.cloneDeep(babelOptions));
@@ -137,13 +128,11 @@ const pluginBabel = () => ({
   }
 });
 function applyPluginLodash(config, transformLodash) {
-  var _a;
   if (transformLodash) {
-    (_a = config.plugins) == null ? void 0 : _a.push([(0, import_shared2.getCompiledPath)("babel-plugin-lodash"), {}]);
+    config.plugins?.push([(0, import_shared2.getCompiledPath)("babel-plugin-lodash"), {}]);
   }
 }
 function applyPluginImport(config, pluginImport) {
-  var _a, _b;
   if (pluginImport !== false && pluginImport) {
     for (const item of pluginImport) {
       const name = item.libraryName;
@@ -151,10 +140,10 @@ function applyPluginImport(config, pluginImport) {
         ...item
       };
       if (option.camelToDashComponentName !== void 0 || option.camel2DashComponentName !== void 0) {
-        option.camel2DashComponentName = (_a = option.camel2DashComponentName) != null ? _a : option.camelToDashComponentName;
+        option.camel2DashComponentName = option.camel2DashComponentName ?? option.camelToDashComponentName;
         delete option.camelToDashComponentName;
       }
-      (_b = config.plugins) == null ? void 0 : _b.push([
+      config.plugins?.push([
         require.resolve("babel-plugin-import"),
         option,
         name
@@ -164,6 +153,5 @@ function applyPluginImport(config, pluginImport) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getUseBuiltIns,
   pluginBabel
 });

package/dist/plugins/basic.js

@@ -37,7 +37,7 @@ const pluginBasic = () => ({
   name: "rsbuild-webpack:basic",
   setup(api) {
     (0, import_shared.applyBasicPlugin)(api);
-    api.modifyWebpackChain(async (chain, { env }) => {
+    api.modifyBundlerChain(async (chain, { env }) => {
       chain.performance.hints(false);
       chain.module.parser.merge({
         javascript: {

package/dist/plugins/copy.js

@@ -35,7 +35,7 @@ var import_fs = __toESM(require("fs"));
 const pluginCopy = () => ({
   name: "rsbuild-webpack:copy",
   setup(api) {
-    api.modifyWebpackChain(async (chain, { CHAIN_ID }) => {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
       const config = api.getNormalizedConfig();
       const { copy } = config.output;
       if (!copy) {
@@ -46,17 +46,16 @@ const pluginCopy = () => ({
       chain.plugin(CHAIN_ID.PLUGIN.COPY).use(CopyPlugin, [options]);
     });
     api.modifyWebpackConfig(async (config) => {
-      var _a, _b;
-      const copyPlugin = (_a = config.plugins) == null ? void 0 : _a.find(
-        (item) => (item == null ? void 0 : item.constructor.name) === "CopyPlugin"
+      const copyPlugin = config.plugins?.find(
+        (item) => item?.constructor.name === "CopyPlugin"
       );
       if (copyPlugin) {
         const isContextNotExists = copyPlugin.patterns.every(
           (pattern) => typeof pattern !== "string" && pattern.context && !import_fs.default.existsSync(pattern.context)
         );
         if (isContextNotExists) {
-          config.plugins = (_b = config.plugins) == null ? void 0 : _b.filter(
-            (item) => (item == null ? void 0 : item.constructor.name) !== "CopyPlugin"
+          config.plugins = config.plugins?.filter(
+            (item) => item?.constructor.name !== "CopyPlugin"
           );
         }
       }

package/dist/plugins/hmr.js

@@ -25,13 +25,13 @@ var import_shared = require("@rsbuild/shared");
 const pluginHMR = () => ({
   name: "rsbuild-webpack:hmr",
   setup(api) {
-    api.modifyWebpackChain((chain, utils) => {
+    api.modifyBundlerChain((chain, utils) => {
       const config = api.getNormalizedConfig();
       if (!(0, import_shared.isUsingHMR)(config, utils)) {
         return;
       }
-      const { webpack, CHAIN_ID } = utils;
-      chain.plugin(CHAIN_ID.PLUGIN.HMR).use(webpack.HotModuleReplacementPlugin);
+      const { bundler, CHAIN_ID } = utils;
+      chain.plugin(CHAIN_ID.PLUGIN.HMR).use(bundler.HotModuleReplacementPlugin);
     });
   }
 });

package/dist/plugins/output.js

@@ -37,15 +37,14 @@ const pluginOutput = () => ({
   name: "rsbuild-webpack:output",
   setup(api) {
     (0, import_shared.applyOutputPlugin)(api);
-    api.modifyWebpackChain(async (chain, { isProd, target, CHAIN_ID }) => {
-      var _a;
+    api.modifyBundlerChain(async (chain, { isProd, target, CHAIN_ID }) => {
       const config = api.getNormalizedConfig();
       const cssPath = (0, import_shared.getDistPath)(config.output, "css");
       if ((0, import_shared.isUseCssExtract)(config, target)) {
         const { default: MiniCssExtractPlugin } = await Promise.resolve().then(() => __toESM(require("mini-css-extract-plugin")));
         const extractPluginOptions = (0, import_shared.mergeChainedOptions)({
           defaults: {},
-          options: (_a = config.tools.cssExtract) == null ? void 0 : _a.pluginOptions
+          options: config.tools.cssExtract?.pluginOptions
         });
         const cssFilename = (0, import_shared.getFilename)(config.output, "css", isProd);
         chain.plugin(CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT).use(MiniCssExtractPlugin, [

package/dist/plugins/progress.js

@@ -35,10 +35,9 @@ var import_shared = require("@rsbuild/shared");
 const pluginProgress = () => ({
   name: "rsbuild-webpack:progress",
   setup(api) {
-    api.modifyWebpackChain(async (chain, { target, CHAIN_ID }) => {
-      var _a;
+    api.modifyBundlerChain(async (chain, { target, CHAIN_ID }) => {
       const config = api.getNormalizedConfig();
-      const options = (_a = config.dev.progressBar) != null ? _a : true;
+      const options = config.dev.progressBar ?? true;
       if (!options) {
         return;
       }

package/dist/plugins/react.js

@@ -35,6 +35,7 @@ var import_plugin_react = require("@rsbuild/plugin-react");
 var import_shared = require("@rsbuild/shared");
 const pluginReactWebpack = () => ({
   name: "rsbuild-webpack:react",
+  pre: ["rsbuild-webpack:babel"],
   setup(api) {
     api.modifyRsbuildConfig(async (config, { mergeRsbuildConfig }) => {
       const isNewJsx = await (0, import_plugin_react.isBeyondReact17)(api.context.rootPath);
@@ -64,16 +65,21 @@ const pluginReactWebpack = () => ({
       };
       return mergeRsbuildConfig(babelConfig, config);
     });
-    api.modifyWebpackChain(async (chain, utils) => {
+    api.modifyBundlerChain(async (chain, utils) => {
       const config = api.getNormalizedConfig();
       if (!(0, import_shared.isUsingHMR)(config, utils)) {
         return;
       }
       const { CHAIN_ID } = utils;
       const { default: ReactFastRefreshPlugin } = await Promise.resolve().then(() => __toESM(require("@pmmmwh/react-refresh-webpack-plugin")));
-      const useTsLoader = Boolean(config.tools.tsLoader);
-      const rule = useTsLoader ? chain.module.rule(CHAIN_ID.RULE.TS) : chain.module.rule(CHAIN_ID.RULE.JS);
-      if (rule.uses.get(CHAIN_ID.USE.BABEL)) {
+      [CHAIN_ID.RULE.TS, CHAIN_ID.RULE.JS].forEach((ruleId) => {
+        if (!chain.module.rules.get(ruleId)) {
+          return;
+        }
+        const rule = chain.module.rule(ruleId);
+        if (!rule.uses.get(CHAIN_ID.USE.BABEL)) {
+          return;
+        }
         rule.use(CHAIN_ID.USE.BABEL).tap((options) => ({
           ...options,
           plugins: [
@@ -81,7 +87,7 @@ const pluginReactWebpack = () => ({
             [require.resolve("react-refresh/babel"), { skipEnvCheck: true }]
           ]
         }));
-      }
+      });
       chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactFastRefreshPlugin, [
         {
           overlay: false,

package/dist/plugins/resolve.js

@@ -64,7 +64,7 @@ const pluginResolve = () => ({
   name: "rsbuild-webpack:resolve",
   setup(api) {
     (0, import_shared.applyResolvePlugin)(api);
-    api.modifyWebpackChain(async (chain, { CHAIN_ID, target }) => {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, target }) => {
       const config = api.getNormalizedConfig();
       const isTsProject = Boolean(api.context.tsconfigPath);
       chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).resolve.set("fullySpecified", false);

package/dist/provider.d.ts

@@ -1,7 +1,6 @@
 import { type RsbuildProvider } from '@rsbuild/shared';
 import { RsbuildConfig, NormalizedConfig, WebpackConfig } from './types';
-import type { Compiler, MultiCompiler } from 'webpack';
-export type WebpackProvider = RsbuildProvider<RsbuildConfig, WebpackConfig, NormalizedConfig, Compiler | MultiCompiler>;
+export type WebpackProvider = RsbuildProvider<RsbuildConfig, WebpackConfig, NormalizedConfig>;
 export declare function webpackProvider({
   rsbuildConfig: originalRsbuildConfig
 }: {

package/dist/provider.js

@@ -32,7 +32,6 @@ __export(provider_exports, {
 });
 module.exports = __toCommonJS(provider_exports);
 var import_shared = require("@rsbuild/shared");
-var import_server = require("@rsbuild/core/server");
 var import_rspack_provider = require("@rsbuild/core/rspack-provider");
 var import_createContext = require("./core/createContext");
 var import_plugin = require("./shared/plugin");
@@ -71,16 +70,37 @@ function webpackProvider({
         return createCompiler({ context, webpackConfigs });
       },
       async startDevServer(options) {
+        const { startDevServer } = await Promise.resolve().then(() => __toESM(require("@rsbuild/core/server")));
         const { createDevMiddleware } = await Promise.resolve().then(() => __toESM(require("./core/createCompiler")));
-        return (0, import_server.startDevServer)(
-          { context, pluginStore, rsbuildOptions },
-          // @ts-expect-error compiler type mismatch
+        await (0, import_rspack_provider.initRsbuildConfig)({
+          // @ts-expect-error context type mismatch
+          context,
+          pluginStore
+        });
+        return startDevServer(
+          {
+            // @ts-expect-error context type mismatch
+            context,
+            pluginStore,
+            rsbuildOptions
+          },
           createDevMiddleware,
           options
         );
       },
       async preview(options) {
-        return (0, import_server.startProdServer)(context, context.config, options);
+        const { startProdServer } = await Promise.resolve().then(() => __toESM(require("@rsbuild/core/server")));
+        await (0, import_rspack_provider.initRsbuildConfig)({
+          // @ts-expect-error context type mismatch
+          context,
+          pluginStore
+        });
+        return startProdServer(
+          // @ts-expect-error context type mismatch
+          context,
+          context.config,
+          options
+        );
       },
       async build(options) {
         const { build: buildImpl, webpackBuild } = await Promise.resolve().then(() => __toESM(require("./core/build")));

package/dist/shared/plugin.js

@@ -32,46 +32,42 @@ __export(plugin_exports, {
 });
 module.exports = __toCommonJS(plugin_exports);
 var import_shared = require("@rsbuild/shared");
-const applyDefaultPlugins = (plugins) => {
-  var _a, _b, _c, _d, _e, _f;
-  return (0, import_shared.awaitableGetter)([
-    Promise.resolve().then(() => __toESM(require("../plugins/basic"))).then((m) => m.pluginBasic()),
-    (_a = plugins.entry) == null ? void 0 : _a.call(plugins),
-    (_b = plugins.cache) == null ? void 0 : _b.call(plugins),
-    (_c = plugins.target) == null ? void 0 : _c.call(plugins),
-    Promise.resolve().then(() => __toESM(require("../plugins/output"))).then((m) => m.pluginOutput()),
-    plugins.devtool(),
-    Promise.resolve().then(() => __toESM(require("../plugins/resolve"))).then((m) => m.pluginResolve()),
-    (_d = plugins.fileSize) == null ? void 0 : _d.call(plugins),
-    (_e = plugins.cleanOutput) == null ? void 0 : _e.call(plugins),
-    Promise.resolve().then(() => __toESM(require("../plugins/hmr"))).then((m) => m.pluginHMR()),
-    plugins.asset(),
-    Promise.resolve().then(() => __toESM(require("../plugins/copy"))).then((m) => m.pluginCopy()),
-    Promise.resolve().then(() => __toESM(require("../plugins/react"))).then((m) => m.pluginReactWebpack()),
-    plugins.html(),
-    plugins.wasm(),
-    plugins.moment(),
-    plugins.nodeAddons(),
-    plugins.define(),
-    Promise.resolve().then(() => __toESM(require("../plugins/progress"))).then((m) => m.pluginProgress()),
-    Promise.resolve().then(() => __toESM(require("../plugins/minimize"))).then((m) => m.pluginMinimize()),
-    Promise.resolve().then(() => __toESM(require("../plugins/tsLoader"))).then((m) => m.pluginTsLoader()),
-    Promise.resolve().then(() => __toESM(require("../plugins/babel"))).then((m) => m.pluginBabel()),
-    Promise.resolve().then(() => __toESM(require("../plugins/css"))).then((m) => m.pluginCss()),
-    Promise.resolve().then(() => __toESM(require("../plugins/sass"))).then((m) => m.pluginSass()),
-    Promise.resolve().then(() => __toESM(require("../plugins/less"))).then((m) => m.pluginLess()),
-    plugins.bundleAnalyzer(),
-    plugins.toml(),
-    plugins.yaml(),
-    plugins.splitChunks(),
-    (_f = plugins.startUrl) == null ? void 0 : _f.call(plugins),
-    plugins.inlineChunk(),
-    plugins.externals(),
-    plugins.performance(),
-    plugins.networkPerformance(),
-    plugins.preloadOrPrefetch()
-  ]);
-};
+const applyDefaultPlugins = (plugins) => (0, import_shared.awaitableGetter)([
+  Promise.resolve().then(() => __toESM(require("../plugins/basic"))).then((m) => m.pluginBasic()),
+  plugins.entry?.(),
+  plugins.cache?.(),
+  plugins.target?.(),
+  Promise.resolve().then(() => __toESM(require("../plugins/output"))).then((m) => m.pluginOutput()),
+  plugins.devtool(),
+  Promise.resolve().then(() => __toESM(require("../plugins/resolve"))).then((m) => m.pluginResolve()),
+  plugins.fileSize?.(),
+  plugins.cleanOutput?.(),
+  Promise.resolve().then(() => __toESM(require("../plugins/hmr"))).then((m) => m.pluginHMR()),
+  plugins.asset(),
+  Promise.resolve().then(() => __toESM(require("../plugins/copy"))).then((m) => m.pluginCopy()),
+  plugins.html(),
+  plugins.wasm(),
+  plugins.moment(),
+  plugins.nodeAddons(),
+  plugins.define(),
+  Promise.resolve().then(() => __toESM(require("../plugins/progress"))).then((m) => m.pluginProgress()),
+  Promise.resolve().then(() => __toESM(require("../plugins/minimize"))).then((m) => m.pluginMinimize()),
+  Promise.resolve().then(() => __toESM(require("../plugins/babel"))).then((m) => m.pluginBabel()),
+  Promise.resolve().then(() => __toESM(require("../plugins/react"))).then((m) => m.pluginReactWebpack()),
+  Promise.resolve().then(() => __toESM(require("../plugins/css"))).then((m) => m.pluginCss()),
+  Promise.resolve().then(() => __toESM(require("../plugins/sass"))).then((m) => m.pluginSass()),
+  Promise.resolve().then(() => __toESM(require("../plugins/less"))).then((m) => m.pluginLess()),
+  plugins.bundleAnalyzer(),
+  plugins.toml(),
+  plugins.yaml(),
+  plugins.splitChunks(),
+  plugins.startUrl?.(),
+  plugins.inlineChunk(),
+  plugins.externals(),
+  plugins.performance(),
+  plugins.networkPerformance(),
+  plugins.preloadOrPrefetch()
+]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   applyDefaultPlugins

package/dist/types/config/tools.d.ts

@@ -1,13 +1,9 @@
-import type { ArrayOrNot, ChainedConfig, FileFilterUtil, TerserPluginOptions, ToolsConfig as BaseToolsConfig, ChainedConfigWithUtils, ModifyWebpackChainUtils, ModifyWebpackConfigUtils } from '@rsbuild/shared';
+import type { ArrayOrNot, ChainedConfig, TerserPluginOptions, ToolsConfig as BaseToolsConfig, ChainedConfigWithUtils, ModifyWebpackChainUtils, ModifyWebpackConfigUtils } from '@rsbuild/shared';
 import type { BabelTransformOptions, BabelConfigUtils } from '@rsbuild/plugin-babel';
 import type { PluginCssMinimizerOptions } from '@rsbuild/plugin-css-minimizer';
-import type { WebpackChain, WebpackConfig, TSLoaderOptions, CSSExtractOptions } from '../thirdParty';
+import type { WebpackChain, WebpackConfig, CSSExtractOptions } from '../thirdParty';
 import type { NormalizedCSSExtractOptions } from '../thirdParty/css';
 export type ToolsTerserConfig = ChainedConfig<TerserPluginOptions>;
-export type ToolsTSLoaderConfig = ChainedConfigWithUtils<TSLoaderOptions, {
-  addIncludes: FileFilterUtil;
-  addExcludes: FileFilterUtil;
-}>;
 export type ToolsCssExtractConfig = CSSExtractOptions | ((options: CSSExtractOptions) => CSSExtractOptions | void);
 export type ToolsWebpackConfig = ChainedConfigWithUtils<WebpackConfig, ModifyWebpackConfigUtils>;
 export type ToolsWebpackChainConfig = ArrayOrNot<(chain: WebpackChain, utils: ModifyWebpackChainUtils) => void>;
@@ -24,11 +20,6 @@ export interface ToolsConfig extends BaseToolsConfig {
    * Modify the options of [terser-webpack-plugin](https://github.com/webpack-contrib/terser-webpack-plugin).
    */
   terser?: ToolsTerserConfig;
-  /**
-   * Modify the options of [ts-loader](https://github.com/TypeStrong/ts-loader).
-   * When `tools.tsLoader` is not undefined, Rsbuild will use ts-loader instead of babel-loader to compile TypeScript code.
-   */
-  tsLoader?: ToolsTSLoaderConfig;
   /**
    * Modify the options of [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin).
    */

package/dist/types/plugin.d.ts

@@ -1,6 +1,5 @@
 import type { DefaultRsbuildPluginAPI, RsbuildPlugin as BaseRsbuildPlugin } from '@rsbuild/shared';
-import type { Compiler, MultiCompiler } from 'webpack';
 import type { RsbuildConfig, NormalizedConfig } from './config';
 import type { WebpackConfig } from './thirdParty';
-export interface RsbuildPluginAPI extends DefaultRsbuildPluginAPI<RsbuildConfig, NormalizedConfig, WebpackConfig, Compiler | MultiCompiler> {}
+export interface RsbuildPluginAPI extends DefaultRsbuildPluginAPI<RsbuildConfig, NormalizedConfig, WebpackConfig> {}
 export type RsbuildPlugin = BaseRsbuildPlugin<RsbuildPluginAPI>;

package/dist/types/thirdParty/index.d.ts

@@ -1,8 +1,6 @@
 import type { WebpackChain } from '@rsbuild/shared';
 import type webpack from 'webpack';
 import type { Configuration as WebpackConfig } from 'webpack';
-import type { Options as RawTSLoaderOptions } from 'ts-loader';
 export type { Options as HTMLPluginOptions } from 'html-webpack-plugin';
-export type TSLoaderOptions = Partial<RawTSLoaderOptions>;
 export type { webpack, WebpackChain, WebpackConfig };
 export type { CSSExtractOptions, MiniCSSExtractPluginOptions, MiniCSSExtractLoaderOptions } from './css';

package/dist/webpackPlugins/ProgressPlugin/helpers/bus.js

@@ -68,16 +68,12 @@ class Bus {
     this.log(this.prevOutput);
   }
   render() {
-    const maxIdLen = Math.max(...this.states.map((i) => {
-      var _a, _b;
-      return (_b = (_a = i.id) == null ? void 0 : _a.length) != null ? _b : 0;
-    })) + 2;
+    const maxIdLen = Math.max(...this.states.map((i) => i.id?.length ?? 0)) + 2;
     const { columns = import_bar.FULL_WIDTH } = process.stdout;
     this.prevOutput = this.states.map((i, k) => {
-      var _a;
       const bar = (0, import_bar.renderBar)({
         maxIdLen,
-        color: (_a = i.color) != null ? _a : (0, import_shared.getProgressColor)(k),
+        color: i.color ?? (0, import_shared.getProgressColor)(k),
         ...i
       });
       if (bar) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/webpack",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "homepage": "https://rsbuild.dev",
   "repository": {
     "type": "git",
@@ -48,15 +48,14 @@
     "react-refresh": "^0.14.0",
     "style-loader": "3.3.3",
     "terser-webpack-plugin": "5.3.9",
-    "ts-loader": "9.4.4",
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "webpack": "^5.89.0",
-    "@rsbuild/babel-preset": "0.1.2",
-    "@rsbuild/core": "0.1.2",
-    "@rsbuild/plugin-babel": "0.1.2",
-    "@rsbuild/shared": "0.1.2",
-    "@rsbuild/plugin-react": "0.1.2",
-    "@rsbuild/plugin-css-minimizer": "0.1.2"
+    "@rsbuild/babel-preset": "0.1.4",
+    "@rsbuild/plugin-babel": "0.1.4",
+    "@rsbuild/core": "0.1.4",
+    "@rsbuild/plugin-css-minimizer": "0.1.4",
+    "@rsbuild/shared": "0.1.4",
+    "@rsbuild/plugin-react": "0.1.4"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.200",
@@ -64,7 +63,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.0",
-    "@rsbuild/test-helper": "0.1.2"
+    "@rsbuild/test-helper": "0.1.4"
   },
   "engines": {
     "node": ">=14.0.0"

package/dist/plugins/tsLoader.d.ts

@@ -1,2 +0,0 @@
-import type { RsbuildPlugin } from '../types';
-export declare const pluginTsLoader: () => RsbuildPlugin;

package/dist/plugins/tsLoader.js

@@ -1,105 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tsLoader_exports = {};
-__export(tsLoader_exports, {
-  pluginTsLoader: () => pluginTsLoader
-});
-module.exports = __toCommonJS(tsLoader_exports);
-var import_shared = require("@rsbuild/shared");
-var import_plugin_babel = require("@rsbuild/plugin-babel");
-var import_web = require("@rsbuild/babel-preset/web");
-var import_babel = require("./babel");
-const pluginTsLoader = () => {
-  return {
-    name: "rsbuild-webpack:ts-loader",
-    setup(api) {
-      api.modifyWebpackChain(async (chain, { target, CHAIN_ID }) => {
-        const config = api.getNormalizedConfig();
-        if (!config.tools.tsLoader) {
-          return;
-        }
-        const { rootPath } = api.context;
-        const browserslist = await (0, import_shared.getBrowserslistWithDefault)(
-          rootPath,
-          config,
-          target
-        );
-        const baseBabelConfig = (0, import_web.getBabelConfigForWeb)({
-          presetEnv: {
-            targets: browserslist,
-            useBuiltIns: (0, import_babel.getUseBuiltIns)(config)
-          }
-        });
-        const babelUtils = (0, import_plugin_babel.getBabelUtils)(baseBabelConfig);
-        const babelLoaderOptions = (0, import_shared.mergeChainedOptions)({
-          defaults: baseBabelConfig,
-          options: config.tools.babel,
-          utils: babelUtils
-        });
-        const includes = [];
-        const excludes = [];
-        const tsLoaderUtils = {
-          addIncludes(items) {
-            includes.push(...(0, import_shared.castArray)(items));
-          },
-          addExcludes(items) {
-            excludes.push(...(0, import_shared.castArray)(items));
-          }
-        };
-        const tsLoaderDefaultOptions = {
-          compilerOptions: {
-            target: "esnext",
-            module: "esnext"
-          },
-          transpileOnly: true,
-          allowTsInNodeModules: true
-        };
-        const tsLoaderOptions = (0, import_shared.mergeChainedOptions)({
-          defaults: tsLoaderDefaultOptions,
-          // @ts-expect-error ts-loader has incorrect types for compilerOptions
-          options: config.tools.tsLoader,
-          utils: tsLoaderUtils
-        });
-        const rule = chain.module.rule(CHAIN_ID.RULE.TS);
-        (0, import_shared.applyScriptCondition)({
-          rule,
-          config,
-          context: api.context,
-          includes,
-          excludes
-        });
-        rule.test(import_shared.TS_REGEX).use(CHAIN_ID.USE.BABEL).loader(require.resolve("babel-loader")).options(babelLoaderOptions).end().use(CHAIN_ID.USE.TS).loader(require.resolve("ts-loader")).options(tsLoaderOptions);
-      });
-    }
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  pluginTsLoader
-});