@modern-js/uni-builder 2.55.0 → 2.56.1

package/README.md

@@ -1,19 +1,26 @@
 <p align="center">
-  <a href="https://rsbuild.dev" target="blank"><img src="https://github.com/web-infra-dev/rsbuild/assets/7237365/84abc13e-b620-468f-a90b-dbf28e7e9427" alt="Rsbuild Logo" /></a>
+  <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
 </p>
 
-# Rsbuild
+<h1 align="center">Modern.js</h1>
 
-Unleash the power of Rspack with the out-of-the-box build tool.
+<p align="center">
+  A Progressive React Framework for modern web development.
+</p>
+
+## Getting Started
+
+Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-start) to get started with Modern.js.
 
 ## Documentation
 
-https://rsbuild.dev/
+- [English Documentation](https://modernjs.dev/en/)
+- [中文文档](https://modernjs.dev)
 
 ## Contributing
 
-Please read the [Contributing Guide](https://github.com/web-infra-dev/rsbuild/blob/main/CONTRIBUTING.md).
+Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
 
 ## License
 
-Rsbuild is [MIT licensed](https://github.com/web-infra-dev/rsbuild/blob/main/LICENSE).
+Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).

package/dist/index.d.ts

@@ -4,10 +4,9 @@ import type { CreateUniBuilderOptions } from './types';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 export { HtmlWebpackPlugin };
 export type { CreateUniBuilderOptions, UniBuilderInstance, UniBuilderWebpackInstance, };
-export type { CacheGroup } from '@rsbuild/shared';
 export type { UniBuilderConfig, UniBuilderPlugin, BundlerType, MetaOptions, Stats, MultiStats, RspackConfig, } from './types';
 export type { StartDevServerOptions } from './shared/devServer';
 export declare function createUniBuilder(options: CreateUniBuilderOptions): Promise<UniBuilderInstance>;
-export { logger, type ConfigChain, type RsbuildPlugin, type ChainIdentifier, type RspackChain, type Rspack, type RsbuildContext, type RsbuildConfig, type RsbuildTarget, type NormalizedConfig, } from '@rsbuild/core';
+export { logger, type ConfigChain, type RsbuildPlugin, type ChainIdentifier, type RspackChain, type Rspack, type RsbuildContext, type RsbuildConfig, type RsbuildTarget, type NormalizedConfig, type CacheGroup, } from '@rsbuild/core';
 export type { webpack, WebpackConfig } from '@rsbuild/webpack';
-export { RUNTIME_CHUNK_NAME, isHtmlDisabled, castArray } from './shared/utils';
+export { RUNTIME_CHUNK_NAME, SERVICE_WORKER_ENVIRONMENT_NAME, isHtmlDisabled, castArray, } from './shared/utils';

package/dist/index.js

@@ -30,6 +30,7 @@ var src_exports = {};
 __export(src_exports, {
   HtmlWebpackPlugin: () => import_html_webpack_plugin.default,
   RUNTIME_CHUNK_NAME: () => import_utils.RUNTIME_CHUNK_NAME,
+  SERVICE_WORKER_ENVIRONMENT_NAME: () => import_utils.SERVICE_WORKER_ENVIRONMENT_NAME,
   castArray: () => import_utils.castArray,
   createUniBuilder: () => createUniBuilder,
   isHtmlDisabled: () => import_utils.isHtmlDisabled,
@@ -48,6 +49,7 @@ async function createUniBuilder(options) {
 0 && (module.exports = {
   HtmlWebpackPlugin,
   RUNTIME_CHUNK_NAME,
+  SERVICE_WORKER_ENVIRONMENT_NAME,
   castArray,
   createUniBuilder,
   isHtmlDisabled,

package/dist/rspack/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(rspack_exports);
 var import_core = require("@rsbuild/core");
 var import_parseCommonConfig = require("../shared/parseCommonConfig");
 var import_compatLegacyPlugin = require("../shared/compatLegacyPlugin");
+var import_utils = require("../shared/utils");
 async function parseConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_experiments, _uniBuilderConfig_tools, _uniBuilderConfig_tools1;
   const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, options);
@@ -50,9 +51,13 @@ async function parseConfig(uniBuilderConfig, options) {
     }), pluginBabelPost());
   }
   if (((_uniBuilderConfig_tools1 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools1 === void 0 ? void 0 : _uniBuilderConfig_tools1.styledComponents) !== false) {
-    var _uniBuilderConfig_tools3;
+    var _uniBuilderConfig_tools3, _uniBuilderConfig_environments;
     const { pluginStyledComponents } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-styled-components")));
-    rsbuildPlugins.push(pluginStyledComponents((_uniBuilderConfig_tools3 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools3 === void 0 ? void 0 : _uniBuilderConfig_tools3.styledComponents));
+    const options2 = ((_uniBuilderConfig_tools3 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools3 === void 0 ? void 0 : _uniBuilderConfig_tools3.styledComponents) || {};
+    if ((_uniBuilderConfig_environments = uniBuilderConfig.environments) === null || _uniBuilderConfig_environments === void 0 ? void 0 : _uniBuilderConfig_environments[import_utils.SERVICE_WORKER_ENVIRONMENT_NAME]) {
+      options2.ssr = true;
+    }
+    rsbuildPlugins.push(pluginStyledComponents(options2));
   }
   return {
     rsbuildConfig,

package/dist/rspack/plugins/babel-post.js

@@ -37,10 +37,10 @@ const pluginBabelPost = () => ({
   name: "uni-builder:babel-post",
   setup(api) {
     api.modifyBundlerChain({
-      handler: async (chain, { CHAIN_ID }) => {
+      handler: async (chain, { CHAIN_ID, environment }) => {
         if (chain.module.rules.get(CHAIN_ID.RULE.JS)) {
           const { cacheIdentifier, ...babelLoaderOptions } = chain.module.rule(CHAIN_ID.RULE.JS).use(CHAIN_ID.USE.BABEL).get("options");
-          const config = api.getNormalizedConfig();
+          const { config } = environment;
           if (babelLoaderOptions && (0, import_isEqual.default)((0, import_plugin_babel.getDefaultBabelOptions)(config, api.context), babelLoaderOptions)) {
             chain.module.rule(CHAIN_ID.RULE.JS).uses.delete(CHAIN_ID.USE.BABEL);
           }

package/dist/shared/compatLegacyPlugin.js

@@ -34,14 +34,15 @@ function compatLegacyPlugin(plugin, extraInfo) {
         get(target, prop) {
           switch (prop) {
             case "target":
-              addDeprecatedWarning(plugin.name, "context.target", "context.targets");
-              return target.targets;
+              throw new Error(`Plugin(${plugin.name})'s api 'target' is deprecated, please use 'environment.config.output.target' instead.`);
             case "srcPath":
               addDeprecatedWarning(plugin.name, "context.srcPath");
               return (0, import_path.join)(extraInfo.cwd, "src");
             case "framework":
               addDeprecatedWarning(plugin.name, "context.framework");
               return "";
+            case "entry":
+              throw new Error(`Plugin(${plugin.name})'s api 'entry' is deprecated, please use 'environment.entry' instead.`);
             default: {
               if (prop in target) {
                 return target[prop];

package/dist/shared/devServer.js

@@ -60,7 +60,7 @@ const getServerOptions = (builderConfig) => {
 };
 const transformToRsbuildServerOptions = (dev, devServer) => {
   var _newDevServerConfig_devMiddleware, _newDevServerConfig_before, _newDevServerConfig_after;
-  const { port = 8080, host, https, ...devConfig } = dev;
+  const { port = 8080, host, https, startUrl, beforeStartUrl, ...devConfig } = dev;
   var _dev_hmr;
   const newDevServerConfig = (0, import_utils.applyOptionsChain)({
     devMiddleware: {
@@ -71,15 +71,19 @@ const transformToRsbuildServerOptions = (dev, devServer) => {
     client: {
       path: "/webpack-hmr",
       overlay: false,
+      port: "<port>",
       ...devConfig.client || {}
     }
   }, devServer, {}, import_ts_deepmerge.merge);
   const rsbuildDev = {
-    ...devConfig,
     writeToDisk: (_newDevServerConfig_devMiddleware = newDevServerConfig.devMiddleware) === null || _newDevServerConfig_devMiddleware === void 0 ? void 0 : _newDevServerConfig_devMiddleware.writeToDisk,
     hmr: newDevServerConfig.hot,
-    client: newDevServerConfig.client,
-    liveReload: newDevServerConfig.liveReload
+    liveReload: newDevServerConfig.liveReload,
+    ...devConfig,
+    client: {
+      ...newDevServerConfig.client,
+      ...devConfig.client || {}
+    }
   };
   if (dev.progressBar === void 0) {
     rsbuildDev.progressBar = true;
@@ -111,6 +115,12 @@ const transformToRsbuildServerOptions = (dev, devServer) => {
     host,
     https: https ? https : void 0
   };
+  if (!(0, import_utils.isProd)() && startUrl) {
+    server.open = beforeStartUrl ? {
+      target: startUrl === true ? "//localhost:<port>" : startUrl,
+      before: beforeStartUrl
+    } : startUrl;
+  }
   return {
     dev: rsbuildDev,
     server

package/dist/shared/parseCommonConfig.js

@@ -47,8 +47,10 @@ var import_devtools = require("./plugins/devtools");
 var import_emitRouteFile = require("./plugins/emitRouteFile");
 var import_antd = require("./plugins/antd");
 var import_arco = require("./plugins/arco");
+var import_environmentDefaults = require("./plugins/environmentDefaults");
 var import_plugin_sass = require("@rsbuild/plugin-sass");
 var import_plugin_less = require("@rsbuild/plugin-less");
+var import_htmlMinify = require("./plugins/htmlMinify");
 var import_devServer = require("./devServer");
 var import_utils2 = require("./utils");
 const CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
@@ -78,9 +80,9 @@ const isUseCssSourceMap = (disableSourceMap = {}) => {
 };
 async function parseCommonConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_output, _uniBuilderConfig_tools;
-  var _output, _output_distPath, _output_distPath1, _output1, _extraConfig, _html, _extraConfig1;
-  const { cwd, frameworkConfigPath, entry, target } = options;
-  const { plugins: [...plugins] = [], performance: { ...performanceConfig } = {}, output: { disableFilenameHash, enableLatestDecorators, cssModuleLocalIdentName, enableInlineScripts, disableCssExtract, enableInlineStyles, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetFallback, enableAssetManifest, disableSourceMap, convertToRem, disableMinimize, polyfill, dataUriLimit = 1e4, ...outputConfig } = {}, html: { disableHtmlFolder, metaByEntries, titleByEntries, faviconByEntries, injectByEntries, templateByEntries, templateParametersByEntries, tagsByEntries, tags, ...htmlConfig } = {}, source: { alias, globalVars, resolveMainFields, resolveExtensionPrefix, ...sourceConfig } = {}, dev, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, ...toolsConfig } = {} } = uniBuilderConfig;
+  var _output_distPath, _output, _extraConfig, _html, _extraConfig1;
+  const { frameworkConfigPath } = options;
+  const { plugins: [...plugins] = [], performance: { ...performanceConfig } = {}, output: { disableFilenameHash, enableLatestDecorators, cssModuleLocalIdentName, enableInlineScripts, disableCssExtract, enableInlineStyles, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetFallback, enableAssetManifest, disableSourceMap, convertToRem, disableMinimize, polyfill, dataUriLimit = 1e4, distPath = {}, ...outputConfig } = {}, html: { disableHtmlFolder, metaByEntries, titleByEntries, faviconByEntries, injectByEntries, templateByEntries, templateParametersByEntries, tagsByEntries, tags, ...htmlConfig } = {}, source: { alias, globalVars, resolveMainFields, resolveExtensionPrefix, ...sourceConfig } = {}, dev, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, ...toolsConfig } = {}, environments = {} } = uniBuilderConfig;
   const rsbuildConfig = {
     plugins,
     output: {
@@ -95,39 +97,45 @@ async function parseCommonConfig(uniBuilderConfig, options) {
     performance: performanceConfig,
     html: htmlConfig,
     tools: toolsConfig,
-    security: securityConfig
+    security: securityConfig,
+    environments
   };
+  rsbuildConfig.tools.htmlPlugin = htmlPlugin;
   const { html = {}, output = {}, source = {} } = rsbuildConfig;
   if (enableLatestDecorators) {
     source.decorators = {
       version: "2022-03"
     };
+  } else {
+    var _source;
+    var _decorators;
+    (_decorators = (_source = source).decorators) !== null && _decorators !== void 0 ? _decorators : _source.decorators = {
+      version: "legacy"
+    };
   }
   if (disableMinimize) {
-    var _output2;
-    (_output2 = output).minify || (_output2.minify = false);
+    var _output1;
+    (_output1 = output).minify || (_output1.minify = false);
   }
   if (cssModuleLocalIdentName) {
-    var _output3;
-    (_output3 = output).cssModules || (_output3.cssModules = {});
+    var _output2;
+    (_output2 = output).cssModules || (_output2.cssModules = {});
     output.cssModules.localIdentName = cssModuleLocalIdentName;
   }
   if (isUseCssSourceMap(disableSourceMap)) {
-    var _output4;
-    (_output4 = output).sourceMap || (_output4.sourceMap = {});
+    var _output3;
+    (_output3 = output).sourceMap || (_output3.sourceMap = {});
     output.sourceMap.css = true;
   }
-  var _distPath;
-  (_distPath = (_output = output).distPath) !== null && _distPath !== void 0 ? _distPath : _output.distPath = {};
+  const { server: _server, worker, ...rsbuildDistPath } = distPath;
+  output.distPath = rsbuildDistPath;
   var _html1;
   (_html1 = (_output_distPath = output.distPath).html) !== null && _html1 !== void 0 ? _html1 : _output_distPath.html = "html";
-  var _server;
-  (_server = (_output_distPath1 = output.distPath).server) !== null && _server !== void 0 ? _server : _output_distPath1.server = "bundles";
   var _polyfill;
-  (_polyfill = (_output1 = output).polyfill) !== null && _polyfill !== void 0 ? _polyfill : _output1.polyfill = "entry";
+  (_polyfill = (_output = output).polyfill) !== null && _polyfill !== void 0 ? _polyfill : _output.polyfill = "entry";
   if (disableCssModuleExtension) {
-    var _output5, _output_cssModules;
-    (_output5 = output).cssModules || (_output5.cssModules = {});
+    var _output4, _output_cssModules;
+    (_output4 = output).cssModules || (_output4.cssModules = {});
     var _auto;
     (_auto = (_output_cssModules = output.cssModules).auto) !== null && _auto !== void 0 ? _auto : _output_cssModules.auto = isLooseCssModules;
   }
@@ -137,15 +145,6 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   if (disableCssExtract) {
     output.injectStyles = disableCssExtract;
   }
-  const targets = Array.isArray(target) ? target : [
-    target || "web"
-  ];
-  output.targets = targets;
-  const overrideBrowserslist = {};
-  for (const target2 of targets) {
-    overrideBrowserslist[target2] = await (0, import_utils2.getBrowserslistWithDefault)(cwd, uniBuilderConfig, target2);
-  }
-  output.overrideBrowserslist = overrideBrowserslist;
   if (enableInlineStyles) {
     output.inlineStyles = enableInlineStyles;
   }
@@ -217,12 +216,6 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   rsbuildConfig.dev = removeUndefinedKey(RsbuildDev);
   rsbuildConfig.html = html;
   rsbuildConfig.output = output;
-  if (entry) {
-    var _rsbuildConfig;
-    var _source;
-    (_source = (_rsbuildConfig = rsbuildConfig).source) !== null && _source !== void 0 ? _source : _rsbuildConfig.source = {};
-    rsbuildConfig.source.entry = entry;
-  }
   const rsbuildPlugins = [
     (0, import_splitChunk.pluginSplitChunks)(),
     (0, import_globalVars.pluginGlobalVars)(globalVars),
@@ -239,7 +232,9 @@ async function parseCommonConfig(uniBuilderConfig, options) {
     }),
     (0, import_plugin_less.pluginLess)({
       lessLoaderOptions: less
-    })
+    }),
+    (0, import_environmentDefaults.pluginEnvironmentDefaults)(distPath),
+    (0, import_htmlMinify.pluginHtmlMinifierTerser)()
   ];
   if (checkSyntax) {
     const { pluginCheckSyntax } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-check-syntax")));
@@ -304,7 +299,7 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   rsbuildPlugins.push((0, import_plugin_css_minimizer.pluginCssMinimizer)({
     pluginOptions: minifyCss
   }));
-  targets.includes("web") && rsbuildPlugins.push((0, import_postcssLegacy.pluginPostcssLegacy)(overrideBrowserslist.web));
+  rsbuildPlugins.push((0, import_postcssLegacy.pluginPostcssLegacy)());
   if (enableAssetManifest) {
     const { pluginManifest } = await Promise.resolve().then(() => __toESM(require("./plugins/manifest")));
     rsbuildPlugins.push(pluginManifest());

package/dist/shared/plugins/antd.js

@@ -38,24 +38,19 @@ const getAntdMajorVersion = (appDirectory) => {
 const pluginAntd = () => ({
   name: "uni-builder:antd",
   setup(api) {
-    api.modifyRsbuildConfig((rsbuildConfig) => {
+    api.modifyEnvironmentConfig((rsbuildConfig, { name }) => {
       var _rsbuildConfig_source_transformImport;
-      var _rsbuildConfig;
-      var _source;
-      (_source = (_rsbuildConfig = rsbuildConfig).source) !== null && _source !== void 0 ? _source : _rsbuildConfig.source = {};
       if (rsbuildConfig.source.transformImport === false || ((_rsbuildConfig_source_transformImport = rsbuildConfig.source.transformImport) === null || _rsbuildConfig_source_transformImport === void 0 ? void 0 : _rsbuildConfig_source_transformImport.some((item) => item.libraryName === "antd"))) {
         return;
       }
+      const useServerEnvironment = (0, import_utils.isServerEnvironment)(rsbuildConfig.output.target, name);
       const antdMajorVersion = getAntdMajorVersion(api.context.rootPath);
       if (antdMajorVersion && antdMajorVersion < 5) {
-        var _rsbuildConfig1;
-        var _source1;
-        (_source1 = (_rsbuildConfig1 = rsbuildConfig).source) !== null && _source1 !== void 0 ? _source1 : _rsbuildConfig1.source = {};
         rsbuildConfig.source.transformImport = [
           ...rsbuildConfig.source.transformImport || [],
           {
             libraryName: "antd",
-            libraryDirectory: (0, import_utils.isServerTarget)(api.context.targets) ? "lib" : "es",
+            libraryDirectory: useServerEnvironment ? "lib" : "es",
             style: true
           }
         ];

package/dist/shared/plugins/arco.js

@@ -22,23 +22,22 @@ __export(arco_exports, {
 });
 module.exports = __toCommonJS(arco_exports);
 var import_utils = require("@modern-js/utils");
-var import_utils2 = require("../../shared/utils");
+var import_utils2 = require("../utils");
 const pluginArco = () => ({
   name: "uni-builder:arco",
   setup(api) {
     const ARCO_NAME = "@arco-design/web-react";
     const ARCO_ICON = `${ARCO_NAME}/icon`;
-    api.modifyRsbuildConfig((rsbuildConfig) => {
-      var _rsbuildConfig;
-      const { transformImport = [] } = rsbuildConfig.source || {};
+    api.modifyEnvironmentConfig((rsbuildConfig, { name }) => {
+      const { transformImport = [] } = rsbuildConfig.source;
       if (transformImport === false || !(0, import_utils.isPackageInstalled)(ARCO_NAME, api.context.rootPath)) {
         return;
       }
-      const isUseSSR = (0, import_utils2.isServerTarget)(api.context.targets);
+      const useServerEnvironment = (0, import_utils2.isServerEnvironment)(rsbuildConfig.output.target, name);
       if (!(transformImport === null || transformImport === void 0 ? void 0 : transformImport.some((item) => item.libraryName === ARCO_NAME))) {
         transformImport.push({
           libraryName: ARCO_NAME,
-          libraryDirectory: isUseSSR ? "lib" : "es",
+          libraryDirectory: useServerEnvironment ? "lib" : "es",
           camelToDashComponentName: false,
           style: true
         });
@@ -46,11 +45,10 @@ const pluginArco = () => ({
       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",
+          libraryDirectory: useServerEnvironment ? "react-icon-cjs" : "react-icon",
           camelToDashComponentName: false
         });
       }
-      (_rsbuildConfig = rsbuildConfig).source || (_rsbuildConfig.source = {});
       rsbuildConfig.source.transformImport = transformImport;
     });
   }

package/dist/shared/plugins/emitRouteFile.js

@@ -40,10 +40,15 @@ async function isFileExists(file) {
 const pluginEmitRouteFile = () => ({
   name: "uni-builder:emit-route-file",
   setup(api) {
-    api.onBeforeStartDevServer(async () => {
+    api.onBeforeStartDevServer(async ({ environments }) => {
       const { fs: fs2, ROUTE_SPEC_FILE } = await Promise.resolve().then(() => __toESM(require("@modern-js/utils")));
       const routeFilePath = (0, import_node_path.join)(api.context.distPath, ROUTE_SPEC_FILE);
-      const htmlPaths = api.getHTMLPaths();
+      const htmlPaths = Object.values(environments).reduce((prev, curr) => {
+        return {
+          ...prev,
+          ...curr.htmlPaths
+        };
+      }, {});
       const routesInfo = Object.entries(htmlPaths).map(([entryName, filename], index) => ({
         urlPath: index === 0 ? "/" : `/${entryName}`,
         entryName,

package/dist/shared/plugins/environmentDefaults.d.ts

@@ -0,0 +1,3 @@
+import type { RsbuildPlugin } from '@rsbuild/core';
+import type { DistPath } from '../../types';
+export declare const pluginEnvironmentDefaults: (distPath?: DistPath) => RsbuildPlugin;

package/dist/shared/plugins/environmentDefaults.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var environmentDefaults_exports = {};
+__export(environmentDefaults_exports, {
+  pluginEnvironmentDefaults: () => pluginEnvironmentDefaults
+});
+module.exports = __toCommonJS(environmentDefaults_exports);
+var import_node_path = require("node:path");
+var import_utils = require("../utils");
+const pluginEnvironmentDefaults = (distPath = {}) => ({
+  name: "uni-builder:environment-defaults-plugin",
+  setup(api) {
+    api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
+      var _config_environments, _config_environments1;
+      const compatConfig = {};
+      if ((_config_environments = config.environments) === null || _config_environments === void 0 ? void 0 : _config_environments[import_utils.SERVICE_WORKER_ENVIRONMENT_NAME]) {
+        var _compatConfig;
+        var _environments;
+        (_environments = (_compatConfig = compatConfig).environments) !== null && _environments !== void 0 ? _environments : _compatConfig.environments = {};
+        compatConfig.environments[import_utils.SERVICE_WORKER_ENVIRONMENT_NAME] = {
+          output: {
+            distPath: {
+              root: (0, import_node_path.join)(distPath.root || "dist", distPath.worker || "worker"),
+              js: "",
+              css: "",
+              jsAsync: "",
+              cssAsync: ""
+            },
+            filename: {
+              js: "[name].js"
+            }
+          }
+        };
+      }
+      if ((_config_environments1 = config.environments) === null || _config_environments1 === void 0 ? void 0 : _config_environments1.node) {
+        var _compatConfig1;
+        var _environments1;
+        (_environments1 = (_compatConfig1 = compatConfig).environments) !== null && _environments1 !== void 0 ? _environments1 : _compatConfig1.environments = {};
+        compatConfig.environments.node = {
+          output: {
+            // no need to emit assets for SSR bundles
+            emitAssets: false,
+            distPath: {
+              root: (0, import_node_path.join)(distPath.root || "dist", distPath.server || "bundles"),
+              js: "",
+              css: "",
+              jsAsync: "",
+              cssAsync: ""
+            }
+          }
+        };
+      }
+      return compatConfig.environments ? mergeRsbuildConfig(compatConfig, config) : config;
+    });
+    api.modifyRsbuildConfig({
+      handler: (config) => {
+        const environmentNameOrder = [
+          "web",
+          "node",
+          "serviceWorker"
+        ];
+        config.environments = Object.fromEntries(Object.entries(config.environments).sort((a1, a2) => environmentNameOrder.includes(a1[0]) ? environmentNameOrder.indexOf(a1[0]) - environmentNameOrder.indexOf(a2[0]) : 1));
+      },
+      order: "post"
+    });
+    api.modifyEnvironmentConfig(async (config, { name }) => {
+      var _config_output;
+      var _overrideBrowserslist;
+      (_overrideBrowserslist = (_config_output = config.output).overrideBrowserslist) !== null && _overrideBrowserslist !== void 0 ? _overrideBrowserslist : _config_output.overrideBrowserslist = await (0, import_utils.getBrowserslistWithDefault)(api.context.rootPath, config, name === import_utils.SERVICE_WORKER_ENVIRONMENT_NAME ? "node" : config.output.target);
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginEnvironmentDefaults
+});

package/dist/shared/plugins/fallback.js

@@ -70,8 +70,8 @@ const resourceRuleFallback = (rules = []) => {
 const pluginFallback = () => ({
   name: "uni-builder:fallback",
   setup(api) {
-    api.modifyBundlerChain((chain) => {
-      const rsbuildConfig = api.getNormalizedConfig();
+    api.modifyBundlerChain((chain, { environment }) => {
+      const rsbuildConfig = environment.config;
       const { distPath, filename } = rsbuildConfig.output;
       const distDir = distPath.media;
       var _filename_media;

package/dist/shared/plugins/htmlMinify.d.ts

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

package/dist/shared/plugins/htmlMinify.js

@@ -0,0 +1,140 @@
+"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 htmlMinify_exports = {};
+__export(htmlMinify_exports, {
+  pluginHtmlMinifierTerser: () => pluginHtmlMinifierTerser
+});
+module.exports = __toCommonJS(htmlMinify_exports);
+var import_ts_deepmerge = require("ts-deepmerge");
+function applyRemoveConsole(options, config) {
+  const { removeConsole } = config.performance;
+  const compressOptions = typeof options.compress === "boolean" ? {} : options.compress || {};
+  if (removeConsole === true) {
+    options.compress = {
+      ...compressOptions,
+      drop_console: true
+    };
+  } else if (Array.isArray(removeConsole)) {
+    const pureFuncs = removeConsole.map((method) => `console.${method}`);
+    options.compress = {
+      ...compressOptions,
+      pure_funcs: pureFuncs
+    };
+  }
+  return options;
+}
+function getTerserMinifyOptions(config) {
+  const options = {
+    mangle: {
+      safari10: true
+    },
+    format: {
+      ascii_only: config.output.charset === "ascii"
+    }
+  };
+  if (config.output.legalComments === "none") {
+    var _options;
+    (_options = options).format || (_options.format = {});
+    options.format.comments = false;
+  }
+  const finalOptions = applyRemoveConsole(options, config);
+  return finalOptions;
+}
+function getMinifyOptions(config) {
+  const minifyJS = getTerserMinifyOptions(config);
+  return {
+    removeComments: false,
+    useShortDoctype: true,
+    keepClosingSlash: true,
+    collapseWhitespace: true,
+    removeRedundantAttributes: true,
+    removeScriptTypeAttributes: true,
+    removeStyleLinkTypeAttributes: true,
+    removeEmptyAttributes: true,
+    minifyJS,
+    minifyCSS: true,
+    minifyURLs: true
+  };
+}
+const pluginHtmlMinifierTerser = () => ({
+  name: "uni-builder:plugin-html-minifier-terser",
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { isProd, environment }) => {
+      const { output, tools: { htmlPlugin } } = environment.config;
+      if (!isProd || output.minify === false || htmlPlugin === false) {
+        return;
+      }
+      const { minify } = await Promise.resolve().then(() => __toESM(require("html-minifier-terser")));
+      const pluginRecord = chain.plugins.entries();
+      const minifyOptions = getMinifyOptions(environment.config);
+      for (const id of Object.keys(pluginRecord)) {
+        if (!id.startsWith("html-")) {
+          continue;
+        }
+        const values = pluginRecord[id].values();
+        const isHtmlRspackPlugin = values.some((item) => {
+          var _item_constructor;
+          const name = (item === null || item === void 0 ? void 0 : item.name) || ((_item_constructor = item.constructor) === null || _item_constructor === void 0 ? void 0 : _item_constructor.name);
+          return name === "HtmlRspackPlugin";
+        });
+        if (isHtmlRspackPlugin) {
+          chain.plugin(id).tap((options) => {
+            if (!options.length) {
+              return options;
+            }
+            const userMinifyOption = options[0].minify;
+            const minifyFn = (html) => minify(html, userMinifyOption ? (0, import_ts_deepmerge.merge)(minifyOptions, userMinifyOption) : minifyOptions);
+            options[0].minify = minifyFn;
+            return options;
+          });
+          continue;
+        }
+        const isHtmlWebpackPlugin = values.some((item) => {
+          var _item_constructor;
+          const name = (item === null || item === void 0 ? void 0 : item.name) || ((_item_constructor = item.constructor) === null || _item_constructor === void 0 ? void 0 : _item_constructor.name);
+          return name === "HtmlWebpackPlugin";
+        });
+        if (isHtmlWebpackPlugin) {
+          chain.plugin(id).tap((options) => {
+            if (!options.length || options[0].minify) {
+              return options;
+            }
+            const userMinifyOption = options[0].minify;
+            options[0].minify = userMinifyOption ? (0, import_ts_deepmerge.merge)(minifyOptions, userMinifyOption) : minifyOptions;
+            return options;
+          });
+        }
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginHtmlMinifierTerser
+});

package/dist/shared/plugins/postcssLegacy.d.ts

@@ -1,2 +1,2 @@
 import type { RsbuildPlugin } from '@rsbuild/core';
-export declare const pluginPostcssLegacy: (webBrowserslist: string[]) => RsbuildPlugin;
+export declare const pluginPostcssLegacy: () => RsbuildPlugin;

package/dist/shared/plugins/postcssLegacy.js

@@ -23,12 +23,15 @@ __export(postcssLegacy_exports, {
 module.exports = __toCommonJS(postcssLegacy_exports);
 var import_utils = require("@modern-js/utils");
 var import_getCssSupport = require("../getCssSupport");
-const pluginPostcssLegacy = (webBrowserslist) => ({
+const pluginPostcssLegacy = () => ({
   name: "uni-builder:postcss-plugins",
   setup(api) {
-    api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
+    api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig }) => {
       var _config_output;
-      const cssSupport = (0, import_getCssSupport.getCssSupport)(webBrowserslist);
+      if (config.output.target !== "web") {
+        return;
+      }
+      const cssSupport = (0, import_getCssSupport.getCssSupport)(config.output.overrideBrowserslist);
       const enableExtractCSS = !((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.injectStyles);
       const enableCssMinify = !enableExtractCSS && import_utils.isProd;
       const plugins = [
@@ -51,7 +54,7 @@ const pluginPostcssLegacy = (webBrowserslist) => ({
           ]
         }) : false
       ].filter(Boolean);
-      return mergeRsbuildConfig(
+      return mergeEnvironmentConfig(
         {
           tools: {
             postcss: (opts) => {

package/dist/shared/plugins/runtimeChunk.js

@@ -25,11 +25,11 @@ var import_utils = require("../utils");
 const pluginRuntimeChunk = (disableInlineRuntimeChunk) => ({
   name: "uni-builder:runtime-chunk",
   setup(api) {
-    api.modifyBundlerChain(async (chain, { target }) => {
+    api.modifyBundlerChain(async (chain, { target, environment }) => {
       if (target !== "web") {
         return;
       }
-      const config = api.getNormalizedConfig();
+      const { config } = environment;
       const { chunkSplit } = config.performance;
       if (chunkSplit.strategy !== "all-in-one") {
         chain.optimization.runtimeChunk({

package/dist/shared/plugins/splitChunk.js

@@ -21,13 +21,31 @@ __export(splitChunk_exports, {
   pluginSplitChunks: () => pluginSplitChunks
 });
 module.exports = __toCommonJS(splitChunk_exports);
-var import_shared = require("@rsbuild/shared");
 var import_utils = require("@modern-js/utils");
+const DEP_MATCH_TEMPLATE = /[\\/]node_modules[\\/](<SOURCES>)[\\/]/.source;
+const createDependenciesRegExp = (...dependencies) => {
+  const sources = dependencies.map((d) => typeof d === "string" ? d : d.source);
+  const expr = DEP_MATCH_TEMPLATE.replace("<SOURCES>", sources.join("|"));
+  return new RegExp(expr);
+};
+function createCacheGroups(group) {
+  const experienceCacheGroup = {};
+  for (const [name, pkgs] of Object.entries(group)) {
+    const key = `lib-${name}`;
+    experienceCacheGroup[key] = {
+      test: createDependenciesRegExp(...pkgs),
+      priority: 0,
+      name: key,
+      reuseExistingChunk: true
+    };
+  }
+  return experienceCacheGroup;
+}
 const pluginSplitChunks = () => ({
   name: "uni-builder:split-chunks",
   setup(api) {
-    api.modifyBundlerChain((chain) => {
-      const config = api.getNormalizedConfig();
+    api.modifyBundlerChain((chain, { environment }) => {
+      const { config } = environment;
       const { chunkSplit } = config.performance || {};
       if ((chunkSplit === null || chunkSplit === void 0 ? void 0 : chunkSplit.strategy) !== "split-by-experience") {
         return;
@@ -60,7 +78,7 @@ const pluginSplitChunks = () => ({
         ...currentConfig,
         // rspack chunks type mismatch with webpack
         cacheGroups: {
-          ...(0, import_shared.createCacheGroups)(groups),
+          ...createCacheGroups(groups),
           ...currentConfig.cacheGroups
         }
       });

package/dist/shared/utils.d.ts

@@ -1,24 +1,25 @@
-import type { RsbuildTarget, RspackChain, RsbuildContext, NormalizedConfig } from '@rsbuild/core';
-import { OverrideBrowserslist } from '@rsbuild/shared';
+import type { RsbuildTarget, RspackChain, RsbuildContext, NormalizedEnvironmentConfig } from '@rsbuild/core';
 export declare const RUNTIME_CHUNK_NAME = "builder-runtime";
+export declare const SERVICE_WORKER_ENVIRONMENT_NAME = "serviceWorker";
 export declare const JS_REGEX: RegExp;
 export declare const TS_REGEX: RegExp;
 export declare const SCRIPT_REGEX: RegExp;
 export declare const NODE_MODULES_REGEX: RegExp;
-export declare function isServerTarget(target: RsbuildTarget[]): boolean;
+export declare function isServerEnvironment(target: RsbuildTarget, environment: string): boolean;
 export declare const castArray: <T>(arr?: T | T[] | undefined) => T[];
+export declare const getUseBuiltIns: (config: NormalizedEnvironmentConfig) => false | 'usage' | 'entry';
 export declare function applyScriptCondition({ rule, chain, config, context, includes, excludes, }: {
     rule: RspackChain.Rule;
     chain: RspackChain;
-    config: NormalizedConfig;
+    config: NormalizedEnvironmentConfig;
     context: RsbuildContext;
     includes: (string | RegExp)[];
     excludes: (string | RegExp)[];
 }): void;
-export declare const isHtmlDisabled: (config: NormalizedConfig, target: RsbuildTarget) => boolean;
-export declare const getHash: (config: NormalizedConfig) => string;
+export declare const isHtmlDisabled: (config: NormalizedEnvironmentConfig, target: RsbuildTarget) => boolean;
+export declare const getHash: (config: NormalizedEnvironmentConfig) => string;
 export declare function getBrowserslistWithDefault(path: string, config: {
     output?: {
-        overrideBrowserslist?: OverrideBrowserslist;
+        overrideBrowserslist?: string[];
     };
 }, target: RsbuildTarget): Promise<string[]>;

package/dist/shared/utils.js

@@ -1,7 +1,9 @@
 "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)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 utils_exports = {};
 __export(utils_exports, {
@@ -22,28 +32,26 @@ __export(utils_exports, {
   NODE_MODULES_REGEX: () => NODE_MODULES_REGEX,
   RUNTIME_CHUNK_NAME: () => RUNTIME_CHUNK_NAME,
   SCRIPT_REGEX: () => SCRIPT_REGEX,
+  SERVICE_WORKER_ENVIRONMENT_NAME: () => SERVICE_WORKER_ENVIRONMENT_NAME,
   TS_REGEX: () => TS_REGEX,
   applyScriptCondition: () => applyScriptCondition,
   castArray: () => castArray,
   getBrowserslistWithDefault: () => getBrowserslistWithDefault,
   getHash: () => getHash,
+  getUseBuiltIns: () => getUseBuiltIns,
   isHtmlDisabled: () => isHtmlDisabled,
-  isServerTarget: () => isServerTarget
+  isServerEnvironment: () => isServerEnvironment
 });
 module.exports = __toCommonJS(utils_exports);
-var import_shared = require("@rsbuild/shared");
+var import_browserslist = __toESM(require("browserslist"));
 const RUNTIME_CHUNK_NAME = "builder-runtime";
+const SERVICE_WORKER_ENVIRONMENT_NAME = "serviceWorker";
 const JS_REGEX = /\.(?:js|mjs|cjs|jsx)$/;
 const TS_REGEX = /\.(?:ts|mts|cts|tsx)$/;
 const SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
 const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
-function isServerTarget(target) {
-  return (Array.isArray(target) ? target : [
-    target
-  ]).some((item) => [
-    "node",
-    "service-worker"
-  ].includes(item));
+function isServerEnvironment(target, environment) {
+  return target === "node" || environment === SERVICE_WORKER_ENVIRONMENT_NAME;
 }
 const castArray = (arr) => {
   if (arr === void 0) {
@@ -53,6 +61,30 @@ const castArray = (arr) => {
     arr
   ];
 };
+const browsersListCache = /* @__PURE__ */ new Map();
+async function getBrowserslist(path) {
+  const env = process.env.NODE_ENV;
+  const cacheKey = `${path}${env}`;
+  if (browsersListCache.has(cacheKey)) {
+    return browsersListCache.get(cacheKey);
+  }
+  const result = import_browserslist.default.loadConfig({
+    path,
+    env
+  });
+  if (result) {
+    browsersListCache.set(cacheKey, result);
+    return result;
+  }
+  return null;
+}
+const getUseBuiltIns = (config) => {
+  const { polyfill } = config.output;
+  if (polyfill === "off") {
+    return false;
+  }
+  return polyfill;
+};
 function applyScriptCondition({ rule, chain, config, context, includes, excludes }) {
   rule.include.add({
     and: [
@@ -107,26 +139,19 @@ const DEFAULT_BROWSERSLIST = {
   node: [
     "node >= 14"
   ],
-  "web-worker": DEFAULT_WEB_BROWSERSLIST,
-  "service-worker": DEFAULT_WEB_BROWSERSLIST
+  "web-worker": DEFAULT_WEB_BROWSERSLIST
 };
 async function getBrowserslistWithDefault(path, config, target) {
-  const { overrideBrowserslist: overrides = {} } = (config === null || config === void 0 ? void 0 : config.output) || {};
+  const { overrideBrowserslist: overrides } = (config === null || config === void 0 ? void 0 : config.output) || {};
   if (target === "web" || target === "web-worker") {
-    if (Array.isArray(overrides)) {
+    if (overrides) {
       return overrides;
     }
-    if (overrides[target]) {
-      return overrides[target];
-    }
-    const browserslistrc = await (0, import_shared.getBrowserslist)(path);
+    const browserslistrc = await getBrowserslist(path);
     if (browserslistrc) {
       return browserslistrc;
     }
   }
-  if (!Array.isArray(overrides) && overrides[target]) {
-    return overrides[target];
-  }
   return DEFAULT_BROWSERSLIST[target];
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -135,11 +160,13 @@ async function getBrowserslistWithDefault(path, config, target) {
   NODE_MODULES_REGEX,
   RUNTIME_CHUNK_NAME,
   SCRIPT_REGEX,
+  SERVICE_WORKER_ENVIRONMENT_NAME,
   TS_REGEX,
   applyScriptCondition,
   castArray,
   getBrowserslistWithDefault,
   getHash,
+  getUseBuiltIns,
   isHtmlDisabled,
-  isServerTarget
+  isServerEnvironment
 });

package/dist/types.d.ts

@@ -1,5 +1,4 @@
-import type { NodeEnv, RequestHandler, HtmlTagDescriptor } from '@rsbuild/shared';
-import type { ConfigChainWithContext, ConfigChain, DevConfig, RsbuildConfig, RsbuildTarget, Polyfill, ScriptInject, ServerConfig, RsbuildPluginAPI, SourceConfig, OutputConfig, Rspack } from '@rsbuild/core';
+import type { ConfigChainWithContext, ConfigChain, DevConfig, RsbuildConfig, RsbuildTarget, Polyfill, ScriptInject, ServerConfig, RsbuildPluginAPI, OutputConfig, DistPathConfig, Rspack, RequestHandler, NodeEnv, HtmlTagDescriptor } from '@rsbuild/core';
 import type { PluginAssetsRetryOptions } from '@rsbuild/plugin-assets-retry';
 import type { PluginStyledComponentsOptions } from '@rsbuild/plugin-styled-components';
 import type { PluginRemOptions } from '@rsbuild/plugin-rem';
@@ -16,8 +15,9 @@ import type { AliasOption } from '@modern-js/utils';
 import type { StartDevServerOptions, UniBuilderStartServerResult } from './shared/devServer';
 import type { PluginSourceBuildOptions } from '@rsbuild/plugin-source-build';
 import type TerserPlugin from 'terser-webpack-plugin';
+import type { Options as HTMLPluginOptions } from 'html-webpack-plugin';
 type ArrayOrNot<T> = T | T[];
-export type Stats = Omit<Rspack.Stats, '#private' | 'hash'>;
+export type Stats = Omit<Rspack.Stats, '#private' | 'hash' | 'startTime' | 'endTime'>;
 export type RspackConfig = Rspack.Configuration;
 export type MultiStats = Omit<Rspack.MultiStats, '#private' | 'hash' | 'stats'> & {
     stats: Stats[];
@@ -37,9 +37,7 @@ export type MetaOptions = {
     [name: string]: string | false | MetaAttrs;
 };
 export type CreateBuilderCommonOptions = {
-    entry?: SourceConfig['entry'];
     frameworkConfigPath?: string;
-    target?: RsbuildTarget | RsbuildTarget[];
     /** The root path of current project. */
     cwd: string;
 };
@@ -83,6 +81,10 @@ export type TerserPluginOptions = TerserPlugin.BasePluginOptions & TerserPlugin.
 export type ToolsTerserConfig = ConfigChain<TerserPluginOptions>;
 export type UniBuilderExtraConfig = {
     tools?: {
+        htmlPlugin?: boolean | ConfigChainWithContext<HTMLPluginOptions, {
+            entryName: string;
+            entryValue: (string | string[] | Rspack.EntryDescription)[];
+        }>;
         styledComponents?: false | PluginStyledComponentsOptions;
         devServer?: ToolsDevServerConfig;
         /**
@@ -126,6 +128,10 @@ export type UniBuilderExtraConfig = {
         sass?: PluginSassOptions['sassLoaderOptions'];
     };
     dev?: {
+        /** Set the page URL to open when the server starts. */
+        startUrl?: boolean | string | string[];
+        /** Execute a callback function before opening the `startUrl`. */
+        beforeStartUrl?: () => Promise<void> | void;
         /**
          * Used to set the host of Dev Server.
          */
@@ -318,7 +324,7 @@ export type OverridesUniBuilderInstance = {
     startDevServer: (options: StartDevServerOptions) => Promise<UniBuilderStartServerResult>;
 };
 export type UniBuilderContext = RsbuildPluginAPI['context'] & {
-    target: RsbuildPluginAPI['context']['targets'];
+    target: RsbuildTarget[];
     framework: string;
     srcPath: string;
     entry: Record<string, string | string[]>;
@@ -352,16 +358,22 @@ export type UniBuilderPlugin = {
     post?: string[];
     remove?: string[];
 };
+export type DistPath = DistPathConfig & {
+    server?: string;
+    worker?: string;
+};
 export type UniBuilderConfig = {
     dev?: RsbuildConfig['dev'];
     html?: RsbuildConfig['html'];
-    output?: Omit<NonNullable<RsbuildConfig['output']>, 'polyfill'> & {
+    output?: Omit<NonNullable<RsbuildConfig['output']>, 'polyfill' | 'distPath'> & {
         polyfill?: Polyfill | 'ua';
+        distPath?: DistPath;
     };
     performance?: RsbuildConfig['performance'];
     security?: RsbuildConfig['security'];
-    tools?: RsbuildConfig['tools'];
+    tools?: Omit<NonNullable<RsbuildConfig['tools']>, 'htmlPlugin'>;
     source?: Omit<NonNullable<RsbuildConfig['source']>, 'alias'>;
     plugins?: RsbuildConfig['plugins'];
+    environments?: RsbuildConfig['environments'];
 } & UniBuilderExtraConfig;
 export {};

package/dist/webpack/index.js

@@ -38,6 +38,7 @@ var import_compatLegacyPlugin = require("../shared/compatLegacyPlugin");
 var import_moduleScopes = require("./plugins/moduleScopes");
 var import_babel = require("./plugins/babel");
 var import_react = require("./plugins/react");
+var import_utils = require("../shared/utils");
 async function parseConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_tools, _uniBuilderConfig_performance, _uniBuilderConfig_tools1, _uniBuilderConfig_output, _uniBuilderConfig_security, _uniBuilderConfig_experiments, _uniBuilderConfig_tools2;
   const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, options);
@@ -68,9 +69,13 @@ async function parseConfig(uniBuilderConfig, options) {
     rsbuildPlugins.push(pluginLazyCompilation((_uniBuilderConfig_experiments1 = uniBuilderConfig.experiments) === null || _uniBuilderConfig_experiments1 === void 0 ? void 0 : _uniBuilderConfig_experiments1.lazyCompilation));
   }
   if (((_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.styledComponents) !== false) {
-    var _uniBuilderConfig_tools4;
+    var _uniBuilderConfig_tools4, _uniBuilderConfig_environments;
     const { pluginStyledComponents } = await Promise.resolve().then(() => __toESM(require("./plugins/styledComponents")));
-    rsbuildPlugins.push(pluginStyledComponents((_uniBuilderConfig_tools4 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools4 === void 0 ? void 0 : _uniBuilderConfig_tools4.styledComponents));
+    const options2 = ((_uniBuilderConfig_tools4 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools4 === void 0 ? void 0 : _uniBuilderConfig_tools4.styledComponents) || {};
+    if ((_uniBuilderConfig_environments = uniBuilderConfig.environments) === null || _uniBuilderConfig_environments === void 0 ? void 0 : _uniBuilderConfig_environments[import_utils.SERVICE_WORKER_ENVIRONMENT_NAME]) {
+      options2.ssr = true;
+    }
+    rsbuildPlugins.push(pluginStyledComponents(options2));
   }
   return {
     rsbuildConfig,

package/dist/webpack/plugins/babel.js

@@ -33,8 +33,8 @@ __export(babel_exports, {
 });
 module.exports = __toCommonJS(babel_exports);
 var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
-var import_web = require("@rsbuild/babel-preset/web");
-var import_node = require("@rsbuild/babel-preset/node");
+var import_web = require("@modern-js/babel-preset/web");
+var import_node = require("@modern-js/babel-preset/node");
 var import_utils = require("@modern-js/utils");
 var import_plugin_babel = require("@rsbuild/plugin-babel");
 var import_utils2 = require("../../shared/utils");
@@ -63,8 +63,8 @@ const pluginBabel = (options, extraOptions) => ({
   setup(api) {
     api.modifyBundlerChain({
       order: "pre",
-      handler: async (chain, { CHAIN_ID, target, isProd, isServer, isServiceWorker }) => {
-        const config = api.getNormalizedConfig();
+      handler: async (chain, { CHAIN_ID, target, isProd, isServer, environment }) => {
+        const { config, name } = environment;
         const browserslist = await (0, import_utils2.getBrowserslistWithDefault)(api.context.rootPath, config, target);
         const getBabelOptions = (config2) => {
           var _baseBabelConfig_presets;
@@ -87,7 +87,7 @@ const pluginBabel = (options, extraOptions) => ({
             }
           };
           const decoratorConfig = config2.source.decorators;
-          const baseBabelConfig = isServer || isServiceWorker ? (0, import_node.getBabelConfigForNode)({
+          const baseBabelConfig = isServer || name === import_utils2.SERVICE_WORKER_ENVIRONMENT_NAME ? (0, import_node.getBabelConfigForNode)({
             presetEnv: {
               targets: [
                 "node >= 14"
@@ -97,7 +97,7 @@ const pluginBabel = (options, extraOptions) => ({
           }) : (0, import_web.getBabelConfigForWeb)({
             presetEnv: {
               targets: browserslist,
-              useBuiltIns: (0, import_plugin_babel.getUseBuiltIns)(config2)
+              useBuiltIns: (0, import_utils2.getUseBuiltIns)(config2)
             },
             pluginDecorators: decoratorConfig
           });
@@ -138,14 +138,12 @@ const pluginBabel = (options, extraOptions) => ({
         };
         const { babelOptions, includes, excludes } = getBabelOptions(config);
         const rule = chain.module.rule(CHAIN_ID.RULE.JS);
-        (0, import_utils2.applyScriptCondition)({
-          chain,
-          rule,
-          config,
-          context: api.context,
-          includes,
-          excludes
-        });
+        for (const condition of includes) {
+          rule.include.add(condition);
+        }
+        for (const condition of excludes) {
+          rule.exclude.add(condition);
+        }
         rule.test(import_utils2.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: [

package/dist/webpack/plugins/minimize.js

@@ -86,8 +86,8 @@ async function applyJSMinimizer(chain, config, CHAIN_ID, userTerserConfig) {
 const pluginMinimize = (userTerserConfig) => ({
   name: "uni-builder:minimize",
   setup(api) {
-    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID }) => {
-      const config = api.getNormalizedConfig();
+    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID, environment }) => {
+      const { config } = environment;
       const { minify } = config.output;
       if (minify === false || !isProd) {
         return;

package/dist/webpack/plugins/react.js

@@ -38,7 +38,7 @@ const pluginReact = () => ({
   ],
   setup(api) {
     api.modifyBundlerChain(async (chain, utils) => {
-      const config = api.getNormalizedConfig();
+      const { config } = utils.environment;
       const usingHMR = !utils.isProd && config.dev.hmr && utils.target === "web";
       if (!usingHMR) {
         return;

package/dist/webpack/plugins/styledComponents.js

@@ -52,8 +52,8 @@ const pluginStyledComponents = (userConfig = {}) => ({
   ],
   setup(api) {
     api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
-      const isSSR = (0, import_utils2.isServerTarget)(api.context.targets);
-      const styledComponentsOptions = (0, import_utils.applyOptionsChain)(getDefaultStyledComponentsConfig(isProd, isSSR), userConfig);
+      const hasSSR = Object.entries(api.getNormalizedConfig().environments).some(([name, config]) => (0, import_utils2.isServerEnvironment)(config.output.target, name));
+      const styledComponentsOptions = (0, import_utils.applyOptionsChain)(getDefaultStyledComponentsConfig(isProd, hasSSR), userConfig);
       if (!styledComponentsOptions) {
         return;
       }

package/dist/webpack/plugins/tsLoader.d.ts

@@ -1,5 +1,5 @@
 import { type ConfigChainWithContext } from '@rsbuild/core';
-import { PluginBabelOptions } from '@rsbuild/plugin-babel';
+import { type PluginBabelOptions } from '@rsbuild/plugin-babel';
 import type { RsbuildPlugin } from '@rsbuild/core';
 import type { Options as RawTSLoaderOptions } from 'ts-loader';
 type OneOrMany<T> = T | T[];

package/dist/webpack/plugins/tsLoader.js

@@ -33,7 +33,7 @@ __export(tsLoader_exports, {
 module.exports = __toCommonJS(tsLoader_exports);
 var import_utils = require("@modern-js/utils");
 var import_plugin_babel = require("@rsbuild/plugin-babel");
-var import_web = require("@rsbuild/babel-preset/web");
+var import_web = require("@modern-js/babel-preset/web");
 var import_babel = require("./babel");
 var import_utils2 = require("../../shared/utils");
 const pluginTsLoader = (options, babelOptions) => {
@@ -45,15 +45,15 @@ const pluginTsLoader = (options, babelOptions) => {
     setup(api) {
       api.modifyBundlerChain({
         order: "pre",
-        handler: async (chain, { isProd, target, CHAIN_ID }) => {
+        handler: async (chain, { isProd, target, CHAIN_ID, environment }) => {
           var _baseBabelConfig_presets;
-          const config = api.getNormalizedConfig();
+          const { config } = environment;
           const { rootPath } = api.context;
           const browserslist = await (0, import_utils2.getBrowserslistWithDefault)(rootPath, config, target);
           const baseBabelConfig = (0, import_web.getBabelConfigForWeb)({
             presetEnv: {
               targets: browserslist,
-              useBuiltIns: (0, import_plugin_babel.getUseBuiltIns)(config)
+              useBuiltIns: (0, import_utils2.getUseBuiltIns)(config)
             }
           });
           (_baseBabelConfig_presets = baseBabelConfig.presets) === null || _baseBabelConfig_presets === void 0 ? void 0 : _baseBabelConfig_presets.push((0, import_babel.getPresetReact)(api.context.rootPath, isProd));

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@modern-js/uni-builder",
-  "version": "2.55.0",
+  "version": "2.56.1",
   "description": "Unified builder for Modern.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/modern.js",
-    "directory": "packages/builder/uni-builder"
+    "directory": "packages/cli/uni-builder"
   },
   "license": "MIT",
   "type": "commonjs",
@@ -22,30 +22,28 @@
     "dist"
   ],
   "dependencies": {
-    "@babel/core": "^7.23.2",
+    "@babel/core": "^7.24.7",
     "@babel/preset-react": "^7.22.15",
-    "@babel/types": "^7.23.0",
+    "@babel/types": "^7.24.7",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@rsbuild/babel-preset": "0.7.10",
-    "@rsbuild/core": "0.7.10",
-    "@rsbuild/plugin-sass": "0.7.10",
-    "@rsbuild/plugin-less": "0.7.10",
-    "@rsbuild/plugin-assets-retry": "0.7.10",
-    "@rsbuild/plugin-babel": "0.7.10",
-    "@rsbuild/plugin-check-syntax": "0.7.10",
-    "@rsbuild/plugin-css-minimizer": "0.7.10",
-    "@rsbuild/plugin-pug": "0.7.10",
-    "@rsbuild/plugin-react": "0.7.10",
-    "@rsbuild/plugin-rem": "0.7.10",
-    "@rsbuild/plugin-source-build": "0.7.10",
-    "@rsbuild/plugin-styled-components": "0.7.10",
-    "@rsbuild/plugin-svgr": "0.7.10",
-    "@rsbuild/plugin-type-check": "0.7.10",
-    "@rsbuild/plugin-typed-css-modules": "0.7.10",
-    "@rsbuild/plugin-toml": "0.7.10",
-    "@rsbuild/plugin-yaml": "0.7.10",
-    "@rsbuild/shared": "0.7.10",
-    "@rsbuild/webpack": "0.7.10",
+    "@rsbuild/core": "1.0.1-beta.3",
+    "@rsbuild/plugin-sass": "1.0.1-beta.3",
+    "@rsbuild/plugin-less": "1.0.1-beta.3",
+    "@rsbuild/plugin-assets-retry": "1.0.1-beta.3",
+    "@rsbuild/plugin-babel": "1.0.1-beta.3",
+    "@rsbuild/plugin-check-syntax": "1.0.1-beta.3",
+    "@rsbuild/plugin-css-minimizer": "1.0.1",
+    "@rsbuild/plugin-pug": "1.0.1",
+    "@rsbuild/plugin-react": "1.0.1-beta.3",
+    "@rsbuild/plugin-rem": "1.0.1-beta.3",
+    "@rsbuild/plugin-source-build": "1.0.1-beta.3",
+    "@rsbuild/plugin-styled-components": "1.0.1-beta.3",
+    "@rsbuild/plugin-svgr": "1.0.1-beta.3",
+    "@rsbuild/plugin-type-check": "1.0.1-beta.3",
+    "@rsbuild/plugin-typed-css-modules": "1.0.1",
+    "@rsbuild/plugin-toml": "1.0.0",
+    "@rsbuild/plugin-yaml": "1.0.1",
+    "@rsbuild/webpack": "1.0.1-beta.3",
     "@swc/helpers": "0.5.3",
     "babel-loader": "9.1.3",
     "babel-plugin-import": "1.13.5",
@@ -55,6 +53,7 @@
     "cssnano": "6.0.1",
     "glob": "^9.3.5",
     "html-webpack-plugin": "5.5.3",
+    "html-minifier-terser": "^7.2.0",
     "lodash": "^4.17.21",
     "postcss": "^8.4.35",
     "postcss-custom-properties": "13.1.5",
@@ -70,20 +69,23 @@
     "terser-webpack-plugin": "5.3.10",
     "ts-deepmerge": "7.0.0",
     "ts-loader": "9.4.4",
-    "webpack": "^5.92.0",
+    "webpack": "^5.93.0",
     "webpack-subresource-integrity": "5.1.0",
-    "@modern-js/utils": "2.55.0",
-    "@modern-js/server": "2.55.0",
-    "@modern-js/prod-server": "2.55.0"
+    "@modern-js/server": "2.56.1",
+    "@modern-js/prod-server": "2.56.1",
+    "@modern-js/utils": "2.56.1",
+    "@modern-js/babel-preset": "2.56.1"
   },
   "devDependencies": {
-    "@rsbuild/plugin-swc": "0.7.10",
+    "@rsbuild/plugin-swc": "1.0.1-beta.3",
+    "@types/html-minifier-terser": "^7.0.2",
     "@types/lodash": "^4.14.202",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "terser": "^5.31.1",
     "typescript": "^5.3.0",
-    "@scripts/vitest-config": "2.55.0",
-    "@scripts/build": "2.55.0"
+    "@scripts/build": "2.56.1",
+    "@scripts/vitest-config": "2.56.1"
   },
   "publishConfig": {
     "access": "public",