@modern-js/uni-builder 0.0.0-nightly-20231217170625 → 0.0.0-nightly-20231219170633

package/dist/index.d.ts

@@ -1,2 +1,10 @@
 import type { CreateUniBuilderOptions } from './types';
-export declare function createUniBuilder(options: CreateUniBuilderOptions): Promise<import("@rsbuild/shared").RsbuildInstance<import("@rsbuild/shared").RsbuildProvider>>;
+export type { CreateUniBuilderOptions };
+export type { BundlerChain, RsbuildPlugin } from '@rsbuild/shared';
+export type { BuilderConfig } from './types';
+export type { StartDevServerOptions } from './shared/devServer';
+export declare function createUniBuilder(options: CreateUniBuilderOptions): Promise<Omit<import("@rsbuild/shared").RsbuildInstance<import("@rsbuild/shared").RsbuildProvider>, "startDevServer"> & {
+    startDevServer: (options: import("./shared/devServer").StartDevServerOptions) => Promise<import("@rsbuild/shared").StartServerResult>;
+}>;
+export { logger } from '@rsbuild/core';
+export { RUNTIME_CHUNK_NAME } from './shared/constants';

package/dist/index.js

@@ -18,15 +18,21 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  createUniBuilder: () => createUniBuilder
+  RUNTIME_CHUNK_NAME: () => import_constants.RUNTIME_CHUNK_NAME,
+  createUniBuilder: () => createUniBuilder,
+  logger: () => import_core.logger
 });
 module.exports = __toCommonJS(src_exports);
 var import_rspack = require("./rspack");
 var import_webpack = require("./webpack");
+var import_core = require("@rsbuild/core");
+var import_constants = require("./shared/constants");
 async function createUniBuilder(options) {
   return options.bundlerType === "rspack" ? (0, import_rspack.createRspackBuilder)(options) : (0, import_webpack.createWebpackBuilder)(options);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createUniBuilder
+  RUNTIME_CHUNK_NAME,
+  createUniBuilder,
+  logger
 });

package/dist/rspack/index.d.ts

@@ -1,8 +1,18 @@
 import type { RsbuildConfig, RsbuildPlugin, RsbuildInstance } from '@rsbuild/core';
-import type { RsbuildProvider } from '@rsbuild/shared';
-import type { UniBuilderRspackConfig, CreateRspackBuilderOptions } from '../types';
-export declare function parseConfig(uniBuilderConfig: UniBuilderRspackConfig, cwd: string, frameworkConfigPath?: string): Promise<{
+import type { RsbuildProvider, StartServerResult } from '@rsbuild/shared';
+import type { UniBuilderRspackConfig, CreateRspackBuilderOptions, CreateBuilderCommonOptions } from '../types';
+import type { StartDevServerOptions } from '../shared/devServer';
+export declare function parseConfig(uniBuilderConfig: UniBuilderRspackConfig, options: CreateBuilderCommonOptions): Promise<{
     rsbuildConfig: RsbuildConfig;
     rsbuildPlugins: RsbuildPlugin[];
 }>;
-export declare function createRspackBuilder(options: CreateRspackBuilderOptions): Promise<RsbuildInstance<RsbuildProvider>>;
+type UniBuilderInstance = Omit<RsbuildInstance<RsbuildProvider>, 'startDevServer'> & {
+    /**
+     * should be used in conjunction with the upper-layer framework:
+     *
+     * missing route.json (required in modern server)
+     */
+    startDevServer: (options: StartDevServerOptions) => Promise<StartServerResult>;
+};
+export declare function createRspackBuilder(options: CreateRspackBuilderOptions): Promise<UniBuilderInstance>;
+export {};

package/dist/rspack/index.js

@@ -34,11 +34,9 @@ __export(rspack_exports, {
 module.exports = __toCommonJS(rspack_exports);
 var import_core = require("@rsbuild/core");
 var import_parseCommonConfig = require("../shared/parseCommonConfig");
-var import_plugin_styled_components = require("@rsbuild/plugin-styled-components");
-var import_defaults = require("./defaults");
-async function parseConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
+async function parseConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_output, _uniBuilderConfig_tools, _uniBuilderConfig_tools1;
-  const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, cwd, frameworkConfigPath);
+  const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, options);
   if ((_uniBuilderConfig_output = uniBuilderConfig.output) === null || _uniBuilderConfig_output === void 0 ? void 0 : _uniBuilderConfig_output.enableAssetManifest) {
     const { pluginManifest } = await Promise.resolve().then(() => __toESM(require("./plugins/manifest")));
     rsbuildPlugins.push(pluginManifest());
@@ -50,21 +48,34 @@ async function parseConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
       babelLoaderOptions: (_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.babel
     }));
   }
-  rsbuildPlugins.push((0, import_plugin_styled_components.pluginStyledComponents)((_uniBuilderConfig_tools1 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools1 === void 0 ? void 0 : _uniBuilderConfig_tools1.styledComponents));
+  if (((_uniBuilderConfig_tools1 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools1 === void 0 ? void 0 : _uniBuilderConfig_tools1.styledComponents) !== false) {
+    var _uniBuilderConfig_tools3;
+    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));
+  }
   return {
     rsbuildConfig,
     rsbuildPlugins
   };
 }
 async function createRspackBuilder(options) {
-  const { cwd = process.cwd() } = options;
-  const { rsbuildConfig, rsbuildPlugins } = await parseConfig((0, import_defaults.withDefaultConfig)(options.config), cwd, options.frameworkConfigPath);
+  const { cwd = process.cwd(), config, ...rest } = options;
+  const { rsbuildConfig, rsbuildPlugins } = await parseConfig(config, {
+    ...rest,
+    cwd
+  });
   const rsbuild = await (0, import_core.createRsbuild)({
     cwd,
     rsbuildConfig
   });
   rsbuild.addPlugins(rsbuildPlugins);
-  return rsbuild;
+  return {
+    ...rsbuild,
+    startDevServer: async (options2 = {}) => {
+      const { startDevServer } = await Promise.resolve().then(() => __toESM(require("../shared/devServer")));
+      return startDevServer(rsbuild, options2, config);
+    }
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/shared/constants.d.ts

@@ -1 +1 @@
-export declare const RUNTIME_CHUNK_NAME = "bundler-runtime";
+export declare const RUNTIME_CHUNK_NAME = "builder-runtime";

package/dist/shared/constants.js

@@ -21,7 +21,7 @@ __export(constants_exports, {
   RUNTIME_CHUNK_NAME: () => RUNTIME_CHUNK_NAME
 });
 module.exports = __toCommonJS(constants_exports);
-const RUNTIME_CHUNK_NAME = "bundler-runtime";
+const RUNTIME_CHUNK_NAME = "builder-runtime";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RUNTIME_CHUNK_NAME

package/dist/shared/devServer.d.ts

@@ -0,0 +1,13 @@
+import { StartDevServerOptions as RsbuildStartDevServerOptions, StartServerResult, RsbuildInstance } from '@rsbuild/shared';
+import type { ModernDevServerOptionsNew } from '@modern-js/server';
+import { BuilderConfig } from '../types';
+type ServerOptions = Partial<Omit<ModernDevServerOptionsNew, 'config'>> & {
+    config?: Partial<ModernDevServerOptionsNew['config']>;
+};
+export type StartDevServerOptions = Omit<RsbuildStartDevServerOptions, 'printURLs'> & {
+    apiOnly?: boolean;
+    defaultPort?: number;
+    serverOptions?: ServerOptions;
+};
+export declare function startDevServer(rsbuild: RsbuildInstance, options: StartDevServerOptions | undefined, builderConfig: BuilderConfig): Promise<StartServerResult>;
+export {};

package/dist/shared/devServer.js

@@ -0,0 +1,142 @@
+"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 devServer_exports = {};
+__export(devServer_exports, {
+  startDevServer: () => startDevServer
+});
+module.exports = __toCommonJS(devServer_exports);
+var import_shared = require("@rsbuild/shared");
+const getServerOptions = (builderConfig) => {
+  var _builderConfig_output_distPath, _builderConfig_output, _builderConfig_output1, _builderConfig_output2;
+  return {
+    output: {
+      path: (_builderConfig_output = builderConfig.output) === null || _builderConfig_output === void 0 ? void 0 : (_builderConfig_output_distPath = _builderConfig_output.distPath) === null || _builderConfig_output_distPath === void 0 ? void 0 : _builderConfig_output_distPath.root,
+      assetPrefix: (_builderConfig_output1 = builderConfig.output) === null || _builderConfig_output1 === void 0 ? void 0 : _builderConfig_output1.assetPrefix,
+      distPath: (_builderConfig_output2 = builderConfig.output) === null || _builderConfig_output2 === void 0 ? void 0 : _builderConfig_output2.distPath
+    },
+    source: {
+      alias: {}
+    },
+    html: {},
+    tools: {
+      babel: {}
+    },
+    server: {},
+    runtime: {},
+    bff: {}
+  };
+};
+const getDevServerOptions = async ({ builderConfig, serverOptions, port }) => {
+  var _builderConfig_dev, _builderConfig_dev1, _builderConfig_dev2, _builderConfig_tools;
+  var _builderConfig_dev_hmr, _builderConfig_dev_hmr1;
+  const defaultDevConfig = (0, import_shared.deepmerge)(
+    {
+      hot: (_builderConfig_dev_hmr = (_builderConfig_dev = builderConfig.dev) === null || _builderConfig_dev === void 0 ? void 0 : _builderConfig_dev.hmr) !== null && _builderConfig_dev_hmr !== void 0 ? _builderConfig_dev_hmr : true,
+      watch: true,
+      client: {
+        port: port.toString()
+      },
+      port,
+      liveReload: (_builderConfig_dev_hmr1 = (_builderConfig_dev1 = builderConfig.dev) === null || _builderConfig_dev1 === void 0 ? void 0 : _builderConfig_dev1.hmr) !== null && _builderConfig_dev_hmr1 !== void 0 ? _builderConfig_dev_hmr1 : true,
+      https: (_builderConfig_dev2 = builderConfig.dev) === null || _builderConfig_dev2 === void 0 ? void 0 : _builderConfig_dev2.https
+    },
+    // merge devServerOptions from serverOptions
+    serverOptions.dev || {}
+  );
+  const devConfig = (0, import_shared.mergeChainedOptions)({
+    defaults: defaultDevConfig,
+    options: (_builderConfig_tools = builderConfig.tools) === null || _builderConfig_tools === void 0 ? void 0 : _builderConfig_tools.devServer,
+    mergeFn: import_shared.deepmerge
+  });
+  const defaultConfig = getServerOptions(builderConfig);
+  const config = serverOptions.config ? (0, import_shared.deepmerge)(defaultConfig, serverOptions.config) : defaultConfig;
+  return {
+    config,
+    devConfig
+  };
+};
+async function startDevServer(rsbuild, options = {}, builderConfig) {
+  (0, import_shared.debug)("create dev server");
+  const { ServerForRsbuild } = await Promise.resolve().then(() => __toESM(require("@modern-js/server")));
+  const rsbuildServer = await rsbuild.getServerAPIs(options);
+  const { serverOptions = {} } = options;
+  const { config, devConfig } = await getDevServerOptions({
+    builderConfig,
+    serverOptions,
+    port: rsbuildServer.config.port
+  });
+  const compileMiddlewareAPI = options.apiOnly ? void 0 : await rsbuildServer.startCompile();
+  const server = new ServerForRsbuild({
+    pwd: rsbuild.context.rootPath,
+    ...serverOptions,
+    rsbuild,
+    getMiddlewares: (config2) => rsbuildServer.getMiddlewares({
+      compileMiddlewareAPI,
+      overrides: config2
+    }),
+    dev: devConfig,
+    config
+  });
+  const { config: { port, host } } = rsbuildServer;
+  (0, import_shared.debug)("create dev server done");
+  await rsbuildServer.beforeStart();
+  const protocol = devConfig.https ? "https" : "http";
+  const urls = (0, import_shared.getAddressUrls)(protocol, port, host);
+  (0, import_shared.debug)("listen dev server");
+  await server.init();
+  return new Promise((resolve) => {
+    server.listen({
+      host,
+      port
+    }, async (err) => {
+      if (err) {
+        throw err;
+      }
+      (0, import_shared.debug)("listen dev server done");
+      await rsbuildServer.afterStart({
+        port,
+        routes: [
+          {
+            route: "/",
+            name: "index"
+          }
+        ]
+      });
+      resolve({
+        port,
+        urls: urls.map((item) => item.url),
+        server
+      });
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  startDevServer
+});

package/dist/shared/parseCommonConfig.d.ts

@@ -1,8 +1,8 @@
 import { type RsbuildPlugin, type RsbuildConfig } from '@rsbuild/core';
-import type { UniBuilderRspackConfig, UniBuilderWebpackConfig } from '../types';
+import type { CreateBuilderCommonOptions, UniBuilderRspackConfig, UniBuilderWebpackConfig } from '../types';
 /** Determine if a file path is a CSS module when disableCssModuleExtension is enabled. */
 export declare const isLooseCssModules: (path: string) => boolean;
-export declare function parseCommonConfig<B = 'rspack' | 'webpack'>(uniBuilderConfig: B extends 'rspack' ? UniBuilderRspackConfig : UniBuilderWebpackConfig, cwd: string, frameworkConfigPath?: string): Promise<{
+export declare function parseCommonConfig<B = 'rspack' | 'webpack'>(uniBuilderConfig: B extends 'rspack' ? UniBuilderRspackConfig : UniBuilderWebpackConfig, options: CreateBuilderCommonOptions): Promise<{
     rsbuildConfig: RsbuildConfig;
     rsbuildPlugins: RsbuildPlugin[];
 }>;

package/dist/shared/parseCommonConfig.js

@@ -34,23 +34,15 @@ __export(parseCommonConfig_exports, {
 module.exports = __toCommonJS(parseCommonConfig_exports);
 var import_shared = require("@rsbuild/shared");
 var import_core = require("@rsbuild/core");
-var import_plugin_rem = require("@rsbuild/plugin-rem");
-var import_plugin_pug = require("@rsbuild/plugin-pug");
-var import_plugin_assets_retry = require("@rsbuild/plugin-assets-retry");
-var import_plugin_type_check = require("@rsbuild/plugin-type-check");
 var import_plugin_react = require("@rsbuild/plugin-react");
-var import_fallback = require("./plugins/fallback");
 var import_globalVars = require("./plugins/globalVars");
 var import_runtimeChunk = require("./plugins/runtimeChunk");
 var import_frameworkConfig = require("./plugins/frameworkConfig");
-var import_mainFields = require("./plugins/mainFields");
-var import_extensionPrefix = require("./plugins/extensionPrefix");
 var import_splitChunk = require("./plugins/splitChunk");
-var import_plugin_svgr = require("@rsbuild/plugin-svgr");
-var import_plugin_check_syntax = require("@rsbuild/plugin-check-syntax");
 var import_plugin_css_minimizer = require("@rsbuild/plugin-css-minimizer");
 var import_postcssLegacy = require("./plugins/postcssLegacy");
 var import_devtools = require("./plugins/devtools");
+var import_emitRouteFile = require("./plugins/emitRouteFile");
 const GLOBAL_CSS_REGEX = /\.global\.\w+$/;
 const isLooseCssModules = (path) => {
   if (import_shared.NODE_MODULES_REGEX.test(path)) {
@@ -58,31 +50,6 @@ const isLooseCssModules = (path) => {
   }
   return !GLOBAL_CSS_REGEX.test(path);
 };
-const genHttpsOptions = async (userOptions, cwd) => {
-  const httpsOptions = typeof userOptions === "boolean" ? {} : userOptions;
-  if (!httpsOptions.key || !httpsOptions.cert) {
-    let devcertPath;
-    try {
-      devcertPath = require.resolve("devcert", {
-        paths: [
-          cwd,
-          __dirname
-        ]
-      });
-    } catch (err) {
-      const command = import_shared.color.bold(import_shared.color.yellow(`npm add devcert@1.2.2 -D`));
-      import_shared.logger.error(`You have enabled "dev.https" option, but the "devcert" package is not installed.`);
-      import_shared.logger.error(`Please run ${command} to install manually, otherwise the https can not work.`);
-      throw new Error('[https] "devcert" is not found.');
-    }
-    const devcert = require(devcertPath);
-    const selfsign = await devcert.certificateFor([
-      "localhost"
-    ]);
-    return selfsign;
-  }
-  return httpsOptions;
-};
 function removeUndefinedKey(obj) {
   Object.keys(obj).forEach((key) => {
     if (obj[key] === void 0) {
@@ -123,110 +90,94 @@ async function getBrowserslistWithDefault(path, config, target) {
   }
   return DEFAULT_BROWSERSLIST[target];
 }
-async function parseCommonConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
-  var _uniBuilderConfig_output, _uniBuilderConfig_output1, _uniBuilderConfig_output2, _uniBuilderConfig_output3, _tools_devServer, _tools_devServer1, _tools_devServer2, _tools_devServer3, _tools_devServer4, _tools_devServer5, _tools_devServer6, _tools_devServer_devMiddleware, _tools_devServer7, _tools_devServer8, _tools_devServer_before, _tools_devServer9, _tools_devServer_after, _tools_devServer10, _tools_devServer11, _uniBuilderConfig_source, _uniBuilderConfig_output4, _uniBuilderConfig_security, _uniBuilderConfig_output5, _uniBuilderConfig_output6, _uniBuilderConfig_source1, _uniBuilderConfig_source2, _uniBuilderConfig_output7, _uniBuilderConfig_output8, _uniBuilderConfig_output9, _uniBuilderConfig_experiments, _uniBuilderConfig_tools, _uniBuilderConfig_output10, _uniBuilderConfig_tools1;
-  var _extraConfig;
+async function parseCommonConfig(uniBuilderConfig, options) {
+  var _uniBuilderConfig_output, _uniBuilderConfig_output1, _uniBuilderConfig_output2, _uniBuilderConfig_html, _uniBuilderConfig_html1, _uniBuilderConfig_html2, _uniBuilderConfig_html3, _uniBuilderConfig_html4, _uniBuilderConfig_html5, _uniBuilderConfig_source, _uniBuilderConfig_output3, _uniBuilderConfig_security, _uniBuilderConfig_output4, _uniBuilderConfig_output5, _uniBuilderConfig_source1, _uniBuilderConfig_source2, _uniBuilderConfig_output6, _uniBuilderConfig_output7, _uniBuilderConfig_experiments, _uniBuilderConfig_tools, _uniBuilderConfig_output8, _uniBuilderConfig_output9, _uniBuilderConfig_tools1;
+  var _output, _output_distPath, _output1, _extraConfig, _html, _dev;
+  const { cwd, frameworkConfigPath, entry, target } = options;
   const rsbuildConfig = (0, import_shared.deepmerge)({}, uniBuilderConfig);
   const { dev = {}, html = {}, output = {}, tools = {} } = rsbuildConfig;
-  if (dev.progressBar === void 0) {
-    dev.progressBar = true;
-  }
   if (output.cssModuleLocalIdentName) {
-    var _output;
-    (_output = output).cssModules || (_output.cssModules = {});
+    var _output2;
+    (_output2 = output).cssModules || (_output2.cssModules = {});
     output.cssModules.localIdentName = output.cssModuleLocalIdentName;
     delete output.cssModuleLocalIdentName;
   }
+  var _distPath;
+  (_distPath = (_output = output).distPath) !== null && _distPath !== void 0 ? _distPath : _output.distPath = {};
+  var _html1;
+  (_html1 = (_output_distPath = output.distPath).html) !== null && _html1 !== void 0 ? _html1 : _output_distPath.html = "html";
+  var _polyfill;
+  (_polyfill = (_output1 = output).polyfill) !== null && _polyfill !== void 0 ? _polyfill : _output1.polyfill = "entry";
   if (output.disableCssModuleExtension) {
-    var _output1, _output_cssModules;
-    (_output1 = output).cssModules || (_output1.cssModules = {});
+    var _output3, _output_cssModules;
+    (_output3 = output).cssModules || (_output3.cssModules = {});
     var _auto;
     (_auto = (_output_cssModules = output.cssModules).auto) !== null && _auto !== void 0 ? _auto : _output_cssModules.auto = isLooseCssModules;
     delete output.cssModuleLocalIdentName;
   }
   if ((_uniBuilderConfig_output = uniBuilderConfig.output) === null || _uniBuilderConfig_output === void 0 ? void 0 : _uniBuilderConfig_output.enableInlineScripts) {
-    var _uniBuilderConfig_output11;
-    output.inlineScripts = (_uniBuilderConfig_output11 = uniBuilderConfig.output) === null || _uniBuilderConfig_output11 === void 0 ? void 0 : _uniBuilderConfig_output11.enableInlineScripts;
+    var _uniBuilderConfig_output10;
+    output.inlineScripts = (_uniBuilderConfig_output10 = uniBuilderConfig.output) === null || _uniBuilderConfig_output10 === void 0 ? void 0 : _uniBuilderConfig_output10.enableInlineScripts;
     delete output.enableInlineScripts;
   }
   if ((_uniBuilderConfig_output1 = uniBuilderConfig.output) === null || _uniBuilderConfig_output1 === void 0 ? void 0 : _uniBuilderConfig_output1.disableCssExtract) {
-    var _uniBuilderConfig_output12;
-    output.injectStyles = (_uniBuilderConfig_output12 = uniBuilderConfig.output) === null || _uniBuilderConfig_output12 === void 0 ? void 0 : _uniBuilderConfig_output12.disableCssExtract;
+    var _uniBuilderConfig_output11;
+    output.injectStyles = (_uniBuilderConfig_output11 = uniBuilderConfig.output) === null || _uniBuilderConfig_output11 === void 0 ? void 0 : _uniBuilderConfig_output11.disableCssExtract;
     delete output.disableCssExtract;
   }
-  const targets = ((_uniBuilderConfig_output2 = uniBuilderConfig.output) === null || _uniBuilderConfig_output2 === void 0 ? void 0 : _uniBuilderConfig_output2.targets) || [
-    "web"
+  const targets = Array.isArray(target) ? target : [
+    target || "web"
   ];
+  output.targets = targets;
   const overrideBrowserslist = {};
-  for (const target of targets) {
-    overrideBrowserslist[target] = await getBrowserslistWithDefault(cwd, uniBuilderConfig, target);
+  for (const target2 of targets) {
+    overrideBrowserslist[target2] = await getBrowserslistWithDefault(cwd, uniBuilderConfig, target2);
   }
   output.overrideBrowserslist = overrideBrowserslist;
-  if ((_uniBuilderConfig_output3 = uniBuilderConfig.output) === null || _uniBuilderConfig_output3 === void 0 ? void 0 : _uniBuilderConfig_output3.enableInlineStyles) {
-    var _uniBuilderConfig_output13;
-    output.inlineStyles = (_uniBuilderConfig_output13 = uniBuilderConfig.output) === null || _uniBuilderConfig_output13 === void 0 ? void 0 : _uniBuilderConfig_output13.enableInlineStyles;
+  if ((_uniBuilderConfig_output2 = uniBuilderConfig.output) === null || _uniBuilderConfig_output2 === void 0 ? void 0 : _uniBuilderConfig_output2.enableInlineStyles) {
+    var _uniBuilderConfig_output12;
+    output.inlineStyles = (_uniBuilderConfig_output12 = uniBuilderConfig.output) === null || _uniBuilderConfig_output12 === void 0 ? void 0 : _uniBuilderConfig_output12.enableInlineStyles;
     delete output.enableInlineStyles;
   }
   const extraConfig = {};
   (_extraConfig = extraConfig).html || (_extraConfig.html = {});
   extraConfig.html.outputStructure = html.disableHtmlFolder ? "flat" : "nested";
   delete html.disableHtmlFolder;
-  if (html.metaByEntries) {
-    extraConfig.html.meta = ({ entryName }) => html.metaByEntries[entryName];
+  if ((_uniBuilderConfig_html = uniBuilderConfig.html) === null || _uniBuilderConfig_html === void 0 ? void 0 : _uniBuilderConfig_html.metaByEntries) {
+    extraConfig.html.meta = ({ entryName }) => uniBuilderConfig.html.metaByEntries[entryName];
     delete html.metaByEntries;
   }
-  if (html.titleByEntries) {
-    extraConfig.html.title = ({ entryName }) => html.titleByEntries[entryName];
+  var _title;
+  (_title = (_html = html).title) !== null && _title !== void 0 ? _title : _html.title = "";
+  if ((_uniBuilderConfig_html1 = uniBuilderConfig.html) === null || _uniBuilderConfig_html1 === void 0 ? void 0 : _uniBuilderConfig_html1.titleByEntries) {
+    extraConfig.html.title = ({ entryName }) => uniBuilderConfig.html.titleByEntries[entryName];
     delete html.titleByEntries;
   }
-  if (html.faviconByEntries) {
-    extraConfig.html.favicon = ({ entryName }) => html.faviconByEntries[entryName];
+  if ((_uniBuilderConfig_html2 = uniBuilderConfig.html) === null || _uniBuilderConfig_html2 === void 0 ? void 0 : _uniBuilderConfig_html2.faviconByEntries) {
+    extraConfig.html.favicon = ({ entryName }) => uniBuilderConfig.html.faviconByEntries[entryName];
     delete html.faviconByEntries;
   }
-  if (html.injectByEntries) {
-    extraConfig.html.inject = ({ entryName }) => html.injectByEntries[entryName];
+  if ((_uniBuilderConfig_html3 = uniBuilderConfig.html) === null || _uniBuilderConfig_html3 === void 0 ? void 0 : _uniBuilderConfig_html3.injectByEntries) {
+    extraConfig.html.inject = ({ entryName }) => uniBuilderConfig.html.injectByEntries[entryName];
     delete html.injectByEntries;
   }
-  if (html.templateByEntries) {
-    extraConfig.html.template = ({ entryName }) => html.templateByEntries[entryName];
+  if ((_uniBuilderConfig_html4 = uniBuilderConfig.html) === null || _uniBuilderConfig_html4 === void 0 ? void 0 : _uniBuilderConfig_html4.templateByEntries) {
+    extraConfig.html.template = ({ entryName }) => uniBuilderConfig.html.templateByEntries[entryName];
     delete html.templateByEntries;
   }
-  if (html.templateParametersByEntries) {
-    extraConfig.html.templateParameters = (_, { entryName }) => html.templateParametersByEntries[entryName];
+  if ((_uniBuilderConfig_html5 = uniBuilderConfig.html) === null || _uniBuilderConfig_html5 === void 0 ? void 0 : _uniBuilderConfig_html5.templateParametersByEntries) {
+    extraConfig.html.templateParameters = (_, { entryName }) => uniBuilderConfig.html.templateParametersByEntries[entryName];
     delete html.templateParametersByEntries;
   }
-  const server = (0, import_shared.isProd)() ? {
-    publicDir: false
-  } : {
-    https: ((_tools_devServer = tools.devServer) === null || _tools_devServer === void 0 ? void 0 : _tools_devServer.https) || dev.https ? await genHttpsOptions(((_tools_devServer1 = tools.devServer) === null || _tools_devServer1 === void 0 ? void 0 : _tools_devServer1.https) || dev.https, cwd) : void 0,
+  if (dev.progressBar === void 0) {
+    dev.progressBar = true;
+  }
+  var _writeToDisk;
+  (_writeToDisk = (_dev = dev).writeToDisk) !== null && _writeToDisk !== void 0 ? _writeToDisk : _dev.writeToDisk = (file) => !file.includes(".hot-update.");
+  const server = (0, import_shared.isProd)() ? {} : {
     port: dev.port,
-    host: dev.host,
-    compress: (_tools_devServer2 = tools.devServer) === null || _tools_devServer2 === void 0 ? void 0 : _tools_devServer2.compress,
-    headers: (_tools_devServer3 = tools.devServer) === null || _tools_devServer3 === void 0 ? void 0 : _tools_devServer3.headers,
-    historyApiFallback: (_tools_devServer4 = tools.devServer) === null || _tools_devServer4 === void 0 ? void 0 : _tools_devServer4.historyApiFallback,
-    proxy: (_tools_devServer5 = tools.devServer) === null || _tools_devServer5 === void 0 ? void 0 : _tools_devServer5.proxy,
-    publicDir: false
+    host: dev.host
   };
-  dev.client = (_tools_devServer6 = tools.devServer) === null || _tools_devServer6 === void 0 ? void 0 : _tools_devServer6.client;
-  var _tools_devServer_devMiddleware_writeToDisk;
-  dev.writeToDisk = (_tools_devServer_devMiddleware_writeToDisk = (_tools_devServer7 = tools.devServer) === null || _tools_devServer7 === void 0 ? void 0 : (_tools_devServer_devMiddleware = _tools_devServer7.devMiddleware) === null || _tools_devServer_devMiddleware === void 0 ? void 0 : _tools_devServer_devMiddleware.writeToDisk) !== null && _tools_devServer_devMiddleware_writeToDisk !== void 0 ? _tools_devServer_devMiddleware_writeToDisk : true;
-  if (((_tools_devServer8 = tools.devServer) === null || _tools_devServer8 === void 0 ? void 0 : _tools_devServer8.hot) === false) {
-    dev.hmr = false;
-  }
-  if (((_tools_devServer9 = tools.devServer) === null || _tools_devServer9 === void 0 ? void 0 : (_tools_devServer_before = _tools_devServer9.before) === null || _tools_devServer_before === void 0 ? void 0 : _tools_devServer_before.length) || ((_tools_devServer10 = tools.devServer) === null || _tools_devServer10 === void 0 ? void 0 : (_tools_devServer_after = _tools_devServer10.after) === null || _tools_devServer_after === void 0 ? void 0 : _tools_devServer_after.length)) {
-    var _tools_devServer12;
-    dev.setupMiddlewares = [
-      ...((_tools_devServer12 = tools.devServer) === null || _tools_devServer12 === void 0 ? void 0 : _tools_devServer12.setupMiddlewares) || [],
-      (middlewares) => {
-        var _tools_devServer14, _tools_devServer15;
-        middlewares.unshift(...((_tools_devServer14 = tools.devServer) === null || _tools_devServer14 === void 0 ? void 0 : _tools_devServer14.before) || []);
-        middlewares.push(...((_tools_devServer15 = tools.devServer) === null || _tools_devServer15 === void 0 ? void 0 : _tools_devServer15.after) || []);
-      }
-    ];
-  } else if ((_tools_devServer11 = tools.devServer) === null || _tools_devServer11 === void 0 ? void 0 : _tools_devServer11.setupMiddlewares) {
-    var _tools_devServer13;
-    dev.setupMiddlewares = (_tools_devServer13 = tools.devServer) === null || _tools_devServer13 === void 0 ? void 0 : _tools_devServer13.setupMiddlewares;
-  }
   delete tools.devServer;
   delete dev.https;
   delete dev.port;
@@ -235,52 +186,59 @@ async function parseCommonConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
   rsbuildConfig.dev = removeUndefinedKey(dev);
   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)((_uniBuilderConfig_source = uniBuilderConfig.source) === null || _uniBuilderConfig_source === void 0 ? void 0 : _uniBuilderConfig_source.globalVars),
     (0, import_devtools.pluginDevtool)({
-      disableSourceMap: (_uniBuilderConfig_output4 = uniBuilderConfig.output) === null || _uniBuilderConfig_output4 === void 0 ? void 0 : _uniBuilderConfig_output4.disableSourceMap
-    })
+      disableSourceMap: (_uniBuilderConfig_output3 = uniBuilderConfig.output) === null || _uniBuilderConfig_output3 === void 0 ? void 0 : _uniBuilderConfig_output3.disableSourceMap
+    }),
+    (0, import_emitRouteFile.pluginEmitRouteFile)()
   ];
   const checkSyntaxOptions = (_uniBuilderConfig_security = uniBuilderConfig.security) === null || _uniBuilderConfig_security === void 0 ? void 0 : _uniBuilderConfig_security.checkSyntax;
   if (checkSyntaxOptions) {
-    rsbuildPlugins.push((0, import_plugin_check_syntax.pluginCheckSyntax)(typeof checkSyntaxOptions === "boolean" ? {} : checkSyntaxOptions));
+    const { pluginCheckSyntax } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-check-syntax")));
+    rsbuildPlugins.push(pluginCheckSyntax(typeof checkSyntaxOptions === "boolean" ? {} : checkSyntaxOptions));
   }
-  if (!((_uniBuilderConfig_output5 = uniBuilderConfig.output) === null || _uniBuilderConfig_output5 === void 0 ? void 0 : _uniBuilderConfig_output5.disableTsChecker)) {
+  if (!((_uniBuilderConfig_output4 = uniBuilderConfig.output) === null || _uniBuilderConfig_output4 === void 0 ? void 0 : _uniBuilderConfig_output4.disableTsChecker)) {
     var _uniBuilderConfig_tools2;
-    rsbuildPlugins.push((0, import_plugin_type_check.pluginTypeCheck)({
+    const { pluginTypeCheck } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-type-check")));
+    rsbuildPlugins.push(pluginTypeCheck({
       forkTsCheckerOptions: (_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.tsChecker
     }));
     delete output.disableTsChecker;
     delete tools.tsChecker;
   }
-  if (!((_uniBuilderConfig_output6 = uniBuilderConfig.output) === null || _uniBuilderConfig_output6 === void 0 ? void 0 : _uniBuilderConfig_output6.disableSvgr)) {
-    var _uniBuilderConfig_output14;
-    rsbuildPlugins.push((0, import_plugin_svgr.pluginSvgr)({
-      svgDefaultExport: (_uniBuilderConfig_output14 = uniBuilderConfig.output) === null || _uniBuilderConfig_output14 === void 0 ? void 0 : _uniBuilderConfig_output14.svgDefaultExport
+  if (!((_uniBuilderConfig_output5 = uniBuilderConfig.output) === null || _uniBuilderConfig_output5 === void 0 ? void 0 : _uniBuilderConfig_output5.disableSvgr)) {
+    var _uniBuilderConfig_output13;
+    const { pluginSvgr } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-svgr")));
+    rsbuildPlugins.push(pluginSvgr({
+      svgDefaultExport: ((_uniBuilderConfig_output13 = uniBuilderConfig.output) === null || _uniBuilderConfig_output13 === void 0 ? void 0 : _uniBuilderConfig_output13.svgDefaultExport) || "url"
     }));
     delete output.disableSvgr;
     delete output.svgDefaultExport;
   }
   if ((_uniBuilderConfig_source1 = uniBuilderConfig.source) === null || _uniBuilderConfig_source1 === void 0 ? void 0 : _uniBuilderConfig_source1.resolveMainFields) {
     var _uniBuilderConfig_source3;
-    rsbuildPlugins.push((0, import_mainFields.pluginMainFields)((_uniBuilderConfig_source3 = uniBuilderConfig.source) === null || _uniBuilderConfig_source3 === void 0 ? void 0 : _uniBuilderConfig_source3.resolveMainFields));
+    const { pluginMainFields } = await Promise.resolve().then(() => __toESM(require("./plugins/mainFields")));
+    rsbuildPlugins.push(pluginMainFields((_uniBuilderConfig_source3 = uniBuilderConfig.source) === null || _uniBuilderConfig_source3 === void 0 ? void 0 : _uniBuilderConfig_source3.resolveMainFields));
   }
   if ((_uniBuilderConfig_source2 = uniBuilderConfig.source) === null || _uniBuilderConfig_source2 === void 0 ? void 0 : _uniBuilderConfig_source2.resolveExtensionPrefix) {
     var _uniBuilderConfig_source4;
-    rsbuildPlugins.push((0, import_extensionPrefix.pluginExtensionPrefix)((_uniBuilderConfig_source4 = uniBuilderConfig.source) === null || _uniBuilderConfig_source4 === void 0 ? void 0 : _uniBuilderConfig_source4.resolveExtensionPrefix));
-  }
-  if ((_uniBuilderConfig_output7 = uniBuilderConfig.output) === null || _uniBuilderConfig_output7 === void 0 ? void 0 : _uniBuilderConfig_output7.assetsRetry) {
-    var _uniBuilderConfig_output15;
-    rsbuildPlugins.push((0, import_plugin_assets_retry.pluginAssetsRetry)((_uniBuilderConfig_output15 = uniBuilderConfig.output) === null || _uniBuilderConfig_output15 === void 0 ? void 0 : _uniBuilderConfig_output15.assetsRetry));
+    const { pluginExtensionPrefix } = await Promise.resolve().then(() => __toESM(require("./plugins/extensionPrefix")));
+    rsbuildPlugins.push(pluginExtensionPrefix((_uniBuilderConfig_source4 = uniBuilderConfig.source) === null || _uniBuilderConfig_source4 === void 0 ? void 0 : _uniBuilderConfig_source4.resolveExtensionPrefix));
   }
-  const remOptions = (_uniBuilderConfig_output8 = uniBuilderConfig.output) === null || _uniBuilderConfig_output8 === void 0 ? void 0 : _uniBuilderConfig_output8.convertToRem;
+  const remOptions = (_uniBuilderConfig_output6 = uniBuilderConfig.output) === null || _uniBuilderConfig_output6 === void 0 ? void 0 : _uniBuilderConfig_output6.convertToRem;
   if (remOptions) {
-    rsbuildPlugins.push((0, import_plugin_rem.pluginRem)(typeof remOptions === "boolean" ? {} : remOptions));
-  }
-  if (!((_uniBuilderConfig_output9 = uniBuilderConfig.output) === null || _uniBuilderConfig_output9 === void 0 ? void 0 : _uniBuilderConfig_output9.disableInlineRuntimeChunk)) {
-    rsbuildPlugins.push((0, import_runtimeChunk.pluginRuntimeChunk)());
+    const { pluginRem } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-rem")));
+    rsbuildPlugins.push(pluginRem(typeof remOptions === "boolean" ? {} : remOptions));
   }
+  rsbuildPlugins.push((0, import_runtimeChunk.pluginRuntimeChunk)((_uniBuilderConfig_output7 = uniBuilderConfig.output) === null || _uniBuilderConfig_output7 === void 0 ? void 0 : _uniBuilderConfig_output7.disableInlineRuntimeChunk));
   if ((_uniBuilderConfig_experiments = uniBuilderConfig.experiments) === null || _uniBuilderConfig_experiments === void 0 ? void 0 : _uniBuilderConfig_experiments.sourceBuild) {
     const { pluginSourceBuild } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-source-build")));
     rsbuildPlugins.push(pluginSourceBuild());
@@ -288,12 +246,19 @@ async function parseCommonConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
   rsbuildPlugins.push((0, import_plugin_react.pluginReact)());
   const pugOptions = (_uniBuilderConfig_tools = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools === void 0 ? void 0 : _uniBuilderConfig_tools.pug;
   if (pugOptions) {
-    rsbuildPlugins.push((0, import_plugin_pug.pluginPug)(typeof pugOptions === "boolean" ? {} : {
+    const { pluginPug } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-pug")));
+    rsbuildPlugins.push(pluginPug(typeof pugOptions === "boolean" ? {} : {
       pugOptions
     }));
   }
-  if ((_uniBuilderConfig_output10 = uniBuilderConfig.output) === null || _uniBuilderConfig_output10 === void 0 ? void 0 : _uniBuilderConfig_output10.enableAssetFallback) {
-    rsbuildPlugins.push((0, import_fallback.pluginFallback)());
+  if ((_uniBuilderConfig_output8 = uniBuilderConfig.output) === null || _uniBuilderConfig_output8 === void 0 ? void 0 : _uniBuilderConfig_output8.assetsRetry) {
+    var _uniBuilderConfig_output14;
+    const { pluginAssetsRetry } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-assets-retry")));
+    rsbuildPlugins.push(pluginAssetsRetry((_uniBuilderConfig_output14 = uniBuilderConfig.output) === null || _uniBuilderConfig_output14 === void 0 ? void 0 : _uniBuilderConfig_output14.assetsRetry));
+  }
+  if ((_uniBuilderConfig_output9 = uniBuilderConfig.output) === null || _uniBuilderConfig_output9 === void 0 ? void 0 : _uniBuilderConfig_output9.enableAssetFallback) {
+    const { pluginFallback } = await Promise.resolve().then(() => __toESM(require("./plugins/fallback")));
+    rsbuildPlugins.push(pluginFallback());
   }
   if (frameworkConfigPath) {
     rsbuildPlugins.push((0, import_frameworkConfig.pluginFrameworkConfig)(frameworkConfigPath));

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

@@ -0,0 +1,5 @@
+import { type RsbuildPlugin } from '@rsbuild/shared';
+/**
+ * generate a basic route.json for modern.js server
+ */
+export declare const pluginEmitRouteFile: () => RsbuildPlugin;

package/dist/shared/plugins/emitRouteFile.js

@@ -0,0 +1,60 @@
+"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 emitRouteFile_exports = {};
+__export(emitRouteFile_exports, {
+  pluginEmitRouteFile: () => pluginEmitRouteFile
+});
+module.exports = __toCommonJS(emitRouteFile_exports);
+var import_path = require("path");
+var import_shared = require("@rsbuild/shared");
+const pluginEmitRouteFile = () => ({
+  name: "uni-builder:emit-route-file",
+  setup(api) {
+    api.onBeforeStartDevServer(async () => {
+      const { fs, ROUTE_SPEC_FILE } = await Promise.resolve().then(() => __toESM(require("@modern-js/utils")));
+      const routeFilePath = (0, import_path.join)(api.context.distPath, ROUTE_SPEC_FILE);
+      const htmlPaths = api.getHTMLPaths();
+      const routesInfo = Object.entries(htmlPaths).map(([entryName, filename], index) => ({
+        urlPath: index === 0 ? "/" : `/${entryName}`,
+        entryName,
+        entryPath: filename,
+        isSPA: true
+      }));
+      if (!await (0, import_shared.isFileExists)(routeFilePath) && routesInfo.length) {
+        await fs.outputFile(routeFilePath, JSON.stringify({
+          routes: routesInfo
+        }, null, 2));
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginEmitRouteFile
+});

package/dist/shared/plugins/postcssLegacy.js

@@ -21,19 +21,33 @@ __export(postcssLegacy_exports, {
   pluginPostcssLegacy: () => pluginPostcssLegacy
 });
 module.exports = __toCommonJS(postcssLegacy_exports);
+var import_shared = require("@rsbuild/shared");
 var import_getCssSupport = require("../getCssSupport");
 const pluginPostcssLegacy = (webBrowserslist) => ({
-  name: "uni-builder:postcss-legacy",
+  name: "uni-builder:postcss-plugins",
   setup(api) {
     api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
       const cssSupport = (0, import_getCssSupport.getCssSupport)(webBrowserslist);
+      const enableExtractCSS = (0, import_shared.isUseCssExtract)(config, "web");
+      const enableCssMinify = !enableExtractCSS && import_shared.isProd;
       const plugins = [
         !cssSupport.customProperties && require("postcss-custom-properties"),
         !cssSupport.initial && require("postcss-initial"),
         !cssSupport.pageBreak && require("postcss-page-break"),
         !cssSupport.fontVariant && require("postcss-font-variant"),
         !cssSupport.mediaMinmax && require("postcss-media-minmax"),
-        require("postcss-nesting")
+        require("postcss-nesting"),
+        enableCssMinify ? require("cssnano")({
+          preset: [
+            "default",
+            {
+              // merge longhand will break safe-area-inset-top, so disable it
+              // https://github.com/cssnano/cssnano/issues/803
+              // https://github.com/cssnano/cssnano/issues/967
+              mergeLonghand: false
+            }
+          ]
+        }) : false
       ].filter(Boolean);
       return mergeRsbuildConfig(config, {
         tools: {

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

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

package/dist/shared/plugins/runtimeChunk.js

@@ -22,7 +22,7 @@ __export(runtimeChunk_exports, {
 });
 module.exports = __toCommonJS(runtimeChunk_exports);
 var import_constants = require("../constants");
-const pluginRuntimeChunk = () => ({
+const pluginRuntimeChunk = (disableInlineRuntimeChunk) => ({
   name: "uni-builder:runtime-chunk",
   setup(api) {
     api.modifyBundlerChain(async (chain, { target }) => {
@@ -40,6 +40,9 @@ const pluginRuntimeChunk = () => ({
     api.modifyRsbuildConfig((config) => {
       var _config;
       (_config = config).output || (_config.output = {});
+      if (disableInlineRuntimeChunk) {
+        return;
+      }
       const regexp = new RegExp(`${import_constants.RUNTIME_CHUNK_NAME}([.].+)?\\.js$`);
       if (!config.output.inlineScripts) {
         config.output.inlineScripts = regexp;

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { NodeEnv, MetaOptions, ServerConfig, ScriptInject, RsbuildTarget, ChainedConfig, ChainedConfigWithUtils, InlineChunkTest, DevConfig, RequestHandler } from '@rsbuild/shared';
+import type { NodeEnv, MetaOptions, ServerConfig, ScriptInject, RsbuildTarget, ChainedConfig, ChainedConfigWithUtils, InlineChunkTest, DevConfig, RequestHandler, RsbuildEntry } from '@rsbuild/shared';
 import type { RsbuildConfig } from '@rsbuild/core';
 import type { PluginAssetsRetryOptions } from '@rsbuild/plugin-assets-retry';
 import type { PluginStyledComponentsOptions } from '@rsbuild/plugin-styled-components';
@@ -11,20 +11,21 @@ import type { PluginTypeCheckerOptions } from '@rsbuild/plugin-type-check';
 import type { PluginCheckSyntaxOptions } from '@rsbuild/plugin-check-syntax';
 import type { PluginPugOptions } from '@rsbuild/plugin-pug';
 import type { PluginBabelOptions } from '@rsbuild/plugin-babel';
-export type CreateWebpackBuilderOptions = {
-    bundlerType: 'webpack';
-    config: UniBuilderWebpackConfig;
+export type CreateBuilderCommonOptions = {
+    entry?: RsbuildEntry;
     frameworkConfigPath?: string;
+    target?: RsbuildTarget | RsbuildTarget[];
     /** The root path of current project. */
-    cwd: string;
+    cwd?: string;
 };
+export type CreateWebpackBuilderOptions = {
+    bundlerType: 'webpack';
+    config: UniBuilderWebpackConfig;
+} & CreateBuilderCommonOptions;
 export type CreateRspackBuilderOptions = {
     bundlerType: 'rspack';
     config: UniBuilderRspackConfig;
-    frameworkConfigPath?: string;
-    /** The root path of current project. */
-    cwd?: string;
-};
+} & CreateBuilderCommonOptions;
 export type CreateUniBuilderOptions = CreateWebpackBuilderOptions | CreateRspackBuilderOptions;
 export type GlobalVars = Record<string, any>;
 export type ChainedGlobalVars = ChainedConfigWithUtils<GlobalVars, {
@@ -43,7 +44,7 @@ export type DisableSourceMapOption = boolean | {
 };
 export type UniBuilderExtraConfig = {
     tools?: {
-        styledComponents?: PluginStyledComponentsOptions;
+        styledComponents?: false | PluginStyledComponentsOptions;
         devServer?: {
             before?: RequestHandler[];
             after?: RequestHandler[];

package/dist/webpack/index.d.ts

@@ -1,7 +1,13 @@
 import { type RsbuildConfig, type RsbuildPlugin, type RsbuildInstance } from '@rsbuild/core';
-import type { UniBuilderWebpackConfig, CreateWebpackBuilderOptions } from '../types';
-export declare function parseConfig(uniBuilderConfig: UniBuilderWebpackConfig, cwd: string, frameworkConfigPath?: string): Promise<{
+import type { StartServerResult } from '@rsbuild/shared';
+import type { UniBuilderWebpackConfig, CreateWebpackBuilderOptions, CreateBuilderCommonOptions } from '../types';
+import type { StartDevServerOptions } from '../shared/devServer';
+export declare function parseConfig(uniBuilderConfig: UniBuilderWebpackConfig, options: CreateBuilderCommonOptions): Promise<{
     rsbuildConfig: RsbuildConfig;
     rsbuildPlugins: RsbuildPlugin[];
 }>;
-export declare function createWebpackBuilder(options: CreateWebpackBuilderOptions): Promise<RsbuildInstance>;
+type UniBuilderWebpackInstance = Omit<RsbuildInstance, 'startDevServer'> & {
+    startDevServer: (options: StartDevServerOptions) => Promise<StartServerResult>;
+};
+export declare function createWebpackBuilder(options: CreateWebpackBuilderOptions): Promise<UniBuilderWebpackInstance>;
+export {};

package/dist/webpack/index.js

@@ -35,13 +35,11 @@ module.exports = __toCommonJS(webpack_exports);
 var import_core = require("@rsbuild/core");
 var import_parseCommonConfig = require("../shared/parseCommonConfig");
 var import_moduleScopes = require("./plugins/moduleScopes");
-var import_styledComponents = require("./plugins/styledComponents");
 var import_babel = require("./plugins/babel");
 var import_react = require("./plugins/react");
-var import_defaults = require("./defaults");
-async function parseConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
+async function parseConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_tools, _uniBuilderConfig_tools1, _uniBuilderConfig_output, _uniBuilderConfig_security, _uniBuilderConfig_experiments, _uniBuilderConfig_tools2;
-  const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, cwd, frameworkConfigPath);
+  const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, options);
   rsbuildPlugins.push((0, import_babel.pluginBabel)({
     babelLoaderOptions: (_uniBuilderConfig_tools = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools === void 0 ? void 0 : _uniBuilderConfig_tools.babel
   }));
@@ -64,7 +62,11 @@ async function parseConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
     const { pluginLazyCompilation } = await Promise.resolve().then(() => __toESM(require("./plugins/lazyCompilation")));
     rsbuildPlugins.push(pluginLazyCompilation((_uniBuilderConfig_experiments1 = uniBuilderConfig.experiments) === null || _uniBuilderConfig_experiments1 === void 0 ? void 0 : _uniBuilderConfig_experiments1.lazyCompilation));
   }
-  rsbuildPlugins.push((0, import_styledComponents.pluginStyledComponents)((_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.styledComponents));
+  if (((_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.styledComponents) !== false) {
+    var _uniBuilderConfig_tools3;
+    const { pluginStyledComponents } = await Promise.resolve().then(() => __toESM(require("./plugins/styledComponents")));
+    rsbuildPlugins.push(pluginStyledComponents((_uniBuilderConfig_tools3 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools3 === void 0 ? void 0 : _uniBuilderConfig_tools3.styledComponents));
+  }
   return {
     rsbuildConfig,
     rsbuildPlugins
@@ -72,8 +74,11 @@ async function parseConfig(uniBuilderConfig, cwd, frameworkConfigPath) {
 }
 async function createWebpackBuilder(options) {
   var _options_config_source;
-  const { cwd = process.cwd() } = options;
-  const { rsbuildConfig, rsbuildPlugins } = await parseConfig((0, import_defaults.withDefaultConfig)(options.config), cwd, options.frameworkConfigPath);
+  const { cwd = process.cwd(), config, ...rest } = options;
+  const { rsbuildConfig, rsbuildPlugins } = await parseConfig(config, {
+    ...rest,
+    cwd
+  });
   const { webpackProvider } = await Promise.resolve().then(() => __toESM(require("@rsbuild/webpack")));
   rsbuildConfig.provider = webpackProvider;
   const rsbuild = await (0, import_core.createRsbuild)({
@@ -84,7 +89,13 @@ async function createWebpackBuilder(options) {
     ...rsbuildPlugins,
     (0, import_moduleScopes.pluginModuleScopes)((_options_config_source = options.config.source) === null || _options_config_source === void 0 ? void 0 : _options_config_source.moduleScopes)
   ]);
-  return rsbuild;
+  return {
+    ...rsbuild,
+    startDevServer: async (options2 = {}) => {
+      const { startDevServer } = await Promise.resolve().then(() => __toESM(require("../shared/devServer")));
+      return startDevServer(rsbuild, options2, config);
+    }
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/uni-builder",
-  "version": "0.0.0-nightly-20231217170625",
+  "version": "0.0.0-nightly-20231219170633",
   "description": "Unified builder for Modern.js",
   "repository": {
     "type": "git",
@@ -45,6 +45,7 @@
     "babel-plugin-import": "1.13.5",
     "babel-plugin-styled-components": "1.13.3",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
+    "cssnano": "6.0.1",
     "glob": "^9.3.5",
     "lodash": "^4.17.21",
     "postcss-custom-properties": "13.1.5",
@@ -58,7 +59,10 @@
     "ts-loader": "9.4.4",
     "webpack": "^5.89.0",
     "webpack-manifest-plugin": "5.0.0",
-    "webpack-subresource-integrity": "5.1.0"
+    "webpack-subresource-integrity": "5.1.0",
+    "@modern-js/server": "0.0.0-nightly-20231219170633",
+    "@modern-js/utils": "0.0.0-nightly-20231219170633",
+    "@modern-js/prod-server": "0.0.0-nightly-20231219170633"
   },
   "devDependencies": {
     "@rsbuild/plugin-swc": "0.2.4",
@@ -66,8 +70,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.0",
-    "@scripts/build": "0.0.0-nightly-20231217170625",
-    "@scripts/vitest-config": "0.0.0-nightly-20231217170625"
+    "@scripts/vitest-config": "0.0.0-nightly-20231219170633",
+    "@scripts/build": "0.0.0-nightly-20231219170633"
   },
   "publishConfig": {
     "access": "public",

package/dist/rspack/defaults.d.ts

@@ -1,3 +0,0 @@
-import type { UniBuilderRspackConfig } from '../types';
-export declare const createDefaultConfig: () => UniBuilderRspackConfig;
-export declare const withDefaultConfig: (config: UniBuilderRspackConfig) => UniBuilderRspackConfig;

package/dist/rspack/defaults.js

@@ -1,42 +0,0 @@
-"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 defaults_exports = {};
-__export(defaults_exports, {
-  createDefaultConfig: () => createDefaultConfig,
-  withDefaultConfig: () => withDefaultConfig
-});
-module.exports = __toCommonJS(defaults_exports);
-var import_defaults = require("../shared/defaults");
-var import_core = require("@rsbuild/core");
-const createDefaultConfig = () => ({
-  dev: (0, import_defaults.getDefaultDevConfig)(),
-  html: (0, import_defaults.getDefaultHtmlConfig)(),
-  source: (0, import_defaults.getDefaultSourceConfig)(),
-  output: (0, import_defaults.getDefaultOutputConfig)(),
-  tools: (0, import_defaults.getDefaultToolsConfig)(),
-  security: (0, import_defaults.getDefaultSecurityConfig)(),
-  performance: (0, import_defaults.getDefaultPerformanceConfig)(),
-  experiments: (0, import_defaults.getDefaultExperimentsConfig)()
-});
-const withDefaultConfig = (config) => (0, import_core.mergeRsbuildConfig)(createDefaultConfig(), config);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createDefaultConfig,
-  withDefaultConfig
-});

package/dist/shared/defaults.d.ts

@@ -1,37 +0,0 @@
-import { UniBuilderRspackConfig } from '../types';
-export declare const getDefaultDevConfig: () => {
-    port: number;
-    host: string;
-    https: boolean;
-    progressBar: boolean;
-    hmr: boolean;
-    startUrl: (string | boolean | string[] | undefined) & (string | boolean | string[]);
-    beforeStartUrl?: import("@rsbuild/shared").ArrayOrNot<() => void | Promise<void>> | undefined;
-    assetPrefix: string | boolean;
-    client?: {
-        path?: string | undefined;
-        port?: string | undefined;
-        host?: string | undefined;
-        protocol?: string | undefined;
-    } | undefined;
-    setupMiddlewares?: ((middlewares: {
-        unshift: (...handlers: import("@rsbuild/shared").RequestHandler[]) => void;
-        push: (...handlers: import("@rsbuild/shared").RequestHandler[]) => void;
-    }, server: import("@rsbuild/shared").ServerAPIs) => void)[] | undefined;
-    writeToDisk?: boolean | ((filename: string) => boolean) | undefined;
-};
-export declare const getDefaultSourceConfig: () => UniBuilderRspackConfig['source'];
-export declare const getDefaultHtmlConfig: () => UniBuilderRspackConfig['html'];
-export declare const getDefaultSecurityConfig: () => {
-    checkSyntax: boolean;
-    nonce: string;
-};
-export declare const getDefaultToolsConfig: () => {
-    tsChecker: {};
-};
-export declare const getDefaultExperimentsConfig: () => {
-    sourceBuild: boolean;
-};
-export declare const getDefaultPerformanceConfig: () => import("@rsbuild/shared").NormalizedPerformanceConfig;
-export declare const HTML_DIST_DIR = "html";
-export declare const getDefaultOutputConfig: () => UniBuilderRspackConfig['output'];

package/dist/shared/defaults.js

@@ -1,98 +0,0 @@
-"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 defaults_exports = {};
-__export(defaults_exports, {
-  HTML_DIST_DIR: () => HTML_DIST_DIR,
-  getDefaultDevConfig: () => getDefaultDevConfig,
-  getDefaultExperimentsConfig: () => getDefaultExperimentsConfig,
-  getDefaultHtmlConfig: () => getDefaultHtmlConfig,
-  getDefaultOutputConfig: () => getDefaultOutputConfig,
-  getDefaultPerformanceConfig: () => getDefaultPerformanceConfig,
-  getDefaultSecurityConfig: () => getDefaultSecurityConfig,
-  getDefaultSourceConfig: () => getDefaultSourceConfig,
-  getDefaultToolsConfig: () => getDefaultToolsConfig
-});
-module.exports = __toCommonJS(defaults_exports);
-var import_shared = require("@rsbuild/shared");
-const rsbuildDefaultServerConfig = (0, import_shared.getDefaultServerConfig)();
-const getDefaultDevConfig = () => ({
-  ...(0, import_shared.getDefaultDevConfig)(),
-  port: rsbuildDefaultServerConfig.port,
-  host: rsbuildDefaultServerConfig.host,
-  https: false,
-  progressBar: true
-});
-const getDefaultSourceConfig = () => ({
-  ...(0, import_shared.getDefaultSourceConfig)(),
-  globalVars: {}
-});
-const rsbuildDefaultHtmlConfig = (0, import_shared.getDefaultHtmlConfig)();
-const getDefaultHtmlConfig = () => ({
-  inject: rsbuildDefaultHtmlConfig.inject,
-  mountId: rsbuildDefaultHtmlConfig.mountId,
-  crossorigin: rsbuildDefaultHtmlConfig.crossorigin,
-  scriptLoading: rsbuildDefaultHtmlConfig.scriptLoading,
-  disableHtmlFolder: false
-});
-const getDefaultSecurityConfig = () => ({
-  ...(0, import_shared.getDefaultSecurityConfig)(),
-  checkSyntax: false
-});
-const getDefaultToolsConfig = () => ({
-  tsChecker: {}
-});
-const getDefaultExperimentsConfig = () => ({
-  sourceBuild: false
-});
-const getDefaultPerformanceConfig = import_shared.getDefaultPerformanceConfig;
-const HTML_DIST_DIR = "html";
-const rsbuildDefaultOutputConfig = (0, import_shared.getDefaultOutputConfig)();
-const getDefaultOutputConfig = () => ({
-  ...rsbuildDefaultOutputConfig,
-  distPath: {
-    ...rsbuildDefaultOutputConfig.distPath,
-    html: HTML_DIST_DIR
-  },
-  polyfill: "entry",
-  svgDefaultExport: "url",
-  disableSvgr: false,
-  disableTsChecker: false,
-  disableCssModuleExtension: false,
-  disableInlineRuntimeChunk: false,
-  enableAssetFallback: false,
-  enableAssetManifest: false,
-  enableLatestDecorators: false,
-  enableInlineScripts: false,
-  enableInlineStyles: false,
-  cssModules: {
-    exportLocalsConvention: "camelCase"
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HTML_DIST_DIR,
-  getDefaultDevConfig,
-  getDefaultExperimentsConfig,
-  getDefaultHtmlConfig,
-  getDefaultOutputConfig,
-  getDefaultPerformanceConfig,
-  getDefaultSecurityConfig,
-  getDefaultSourceConfig,
-  getDefaultToolsConfig
-});

package/dist/webpack/defaults.d.ts

@@ -1,3 +0,0 @@
-import type { UniBuilderWebpackConfig } from '../types';
-export declare const createDefaultConfig: () => UniBuilderWebpackConfig;
-export declare const withDefaultConfig: (config: UniBuilderWebpackConfig) => UniBuilderWebpackConfig;

package/dist/webpack/defaults.js

@@ -1,54 +0,0 @@
-"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 defaults_exports = {};
-__export(defaults_exports, {
-  createDefaultConfig: () => createDefaultConfig,
-  withDefaultConfig: () => withDefaultConfig
-});
-module.exports = __toCommonJS(defaults_exports);
-var import_defaults = require("../shared/defaults");
-var import_core = require("@rsbuild/core");
-const createDefaultConfig = () => ({
-  dev: (0, import_defaults.getDefaultDevConfig)(),
-  html: (0, import_defaults.getDefaultHtmlConfig)(),
-  tools: {
-    ...(0, import_defaults.getDefaultToolsConfig)(),
-    cssExtract: {
-      loaderOptions: {},
-      pluginOptions: {}
-    }
-  },
-  source: (0, import_defaults.getDefaultSourceConfig)(),
-  output: (0, import_defaults.getDefaultOutputConfig)(),
-  security: {
-    ...(0, import_defaults.getDefaultSecurityConfig)(),
-    sri: false
-  },
-  experiments: {
-    ...(0, import_defaults.getDefaultExperimentsConfig)(),
-    lazyCompilation: false
-  },
-  performance: (0, import_defaults.getDefaultPerformanceConfig)()
-});
-const withDefaultConfig = (config) => (0, import_core.mergeRsbuildConfig)(createDefaultConfig(), config);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createDefaultConfig,
-  withDefaultConfig
-});