@backstage/cli 0.28.0-next.2 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @backstage/cli
 
+## 0.28.0
+
+### Minor Changes
+
+- 264058c: The `repo test` command will no longer default to watch mode if the `--since` flag is provided.
+- 55b8b84: **BREAKING**: The Jest configuration defined at `@backstage/cli/config/jest` no longer collects configuration defined in the `"jest"` field from all parent `package.json` files. Instead, it will only read and merge configuration from the `package.json` in the monorepo root if it exists, as well as the target package. In addition, configuration defined in the root `package.json` will now only be merged into each package configuration if it is a valid project-level configuration key.
+- 6129076: **BREAKING**: Removed the following deprecated commands:
+
+  - `create`: Use `backstage-cli new` instead
+  - `create-plugin`: Use `backstage-cli new` instead
+  - `plugin:diff`: Use `backstage-cli fix` instead
+  - `test`: Use `backstage-cli repo test` or `backstage-cli package test` instead
+  - `versions:check`: Use `yarn dedupe` or `yarn-deduplicate` instead
+  - `clean`: Use `backstage-cli package clean` instead
+
+  In addition, the experimental `install` and `onboard` commands have been removed since they have not received any updates since their introduction and we're expecting usage to be low. If you where relying on these commands, please let us know by opening an issue towards the main Backstage repository.
+
+### Patch Changes
+
+- ea16633: Preserve directory structure for CommonJS build output, just like ESM. This makes the build output more stable and easier to browse, and allows for more effective tree shaking and lazy imports.
+- 520a383: Added functionality to the prepack script that will append the default export type for entry points to the `exports` object before publishing. This is to help with identifying the declarative integration points for plugins without needing to fetch or run the plugins first.
+- 9625a97: The `scaffolder-module` template has been updated to use a more modern layout and new testing utilities for scaffolder actions.
+- 03810d2: Remove unknown dependency `diff`
+- cebee4f: Added support for a new experimental `EXPERIMENTAL_TRIM_NEXT_ENTRY` flag which removes any `./next` entry points present in packages when building and publishing.
+- 54c8aa3: The check for `react-dom/client` will now properly always run from the target directory.
+- b676cc9: feat: experimentally support using rspack instead under `EXPERIMENTAL_RSPACK` env flag
+- 094eaa3: Remove references to in-repo backend-common
+- 95999c5: The backend plugin template for the `new` command has been updated to provide more guidance and use a more modern structure.
+- 7955f9b: Tweaked the new package feature detection to not be active when building backend packages.
+- 4bfc2ce: Updated the Vite implementation behind the `EXPERIMENTAL_VITE` flag to work with more recent versions of Backstage.
+- 720a2f9: Updated dependency `git-url-parse` to `^15.0.0`.
+- 8f0898b: Updated dependency `esbuild` to `^0.24.0`.
+- 2c5ecf5: Support `--max-warnings` flag for package linting
+- 88407c3: Running `repo lint` with the `--successCache` flag now respects `.gitinore`, and it ignores projects without a `lint` script.
+- 8fe740d: Added a new `--successCache` option to the `backstage-cli repo test` and `backstage-cli repo lint` commands. The cache keeps track of successful runs and avoids re-running for individual packages if they haven't changed. This option is intended only to be used in CI.
+
+  In addition a `--successCacheDir <path>` option has also been added to be able to override the default cache directory.
+
+- 55b8b84: The Jest configuration will now search for a `src/setupTests.*` file with any valid script extension, not only `.ts`.
+- 79ba5a8: The `LEGACY_BACKEND_START` flag is now deprecated.
+- f0514c7: Disabled parsing of input source maps in the SWC transform for Jest.
+- Updated dependencies
+  - @backstage/cli-node@0.2.9
+  - @backstage/eslint-plugin@0.1.10
+  - @backstage/integration@1.15.1
+  - @backstage/catalog-model@1.7.0
+  - @backstage/cli-common@0.1.14
+  - @backstage/config@1.2.0
+  - @backstage/config-loader@1.9.1
+  - @backstage/errors@1.2.4
+  - @backstage/release-manifests@0.0.11
+  - @backstage/types@1.1.1
+
 ## 0.28.0-next.2
 
 ### Patch Changes

package/dist/commands/build/buildFrontend.cjs.js

@@ -34,7 +34,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 
 async function buildFrontend(options) {
-  const { targetDir, writeStats, configPaths } = options;
+  const { targetDir, writeStats, configPaths, rspack } = options;
   const { name } = await fs__default.default.readJson(path.resolve(targetDir, "package.json"));
   await bundle.buildBundle({
     targetDir,
@@ -48,7 +48,8 @@ async function buildFrontend(options) {
     ...await config.loadCliConfig({
       args: configPaths,
       fromPackage: name
-    })
+    }),
+    rspack
   });
 }
 

package/dist/commands/build/command.cjs.js

@@ -15,6 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
 
 async function command(opts) {
+  const rspack = process.env.EXPERIMENTAL_RSPACK ? require("@rspack/core") : void 0;
   const role$1 = await role.findRoleFromCommand(opts);
   if (role$1 === "frontend" || role$1 === "backend") {
     const configPaths = opts.config.map((arg) => {
@@ -27,7 +28,8 @@ async function command(opts) {
       return buildFrontend.buildFrontend({
         targetDir: paths.paths.targetDir,
         configPaths,
-        writeStats: Boolean(opts.stats)
+        writeStats: Boolean(opts.stats),
+        rspack
       });
     }
     return buildBackend.buildBackend({
@@ -47,7 +49,8 @@ async function command(opts) {
       targetDir: paths.paths.targetDir,
       configPaths: [],
       writeStats: Boolean(opts.stats),
-      isModuleFederationRemote: true
+      isModuleFederationRemote: true,
+      rspack
     });
   }
   const roleInfo = cliNode.PackageRoles.getRoleInfo(role$1);

package/dist/commands/repo/lint.cjs.js

@@ -79,7 +79,7 @@ async function command(opts, cmd) {
         cacheContext.lockfile.getDependencyTreeHash(pkg.packageJson.name)
       );
       hash.update("\0");
-      hash.update(JSON.stringify(lintOptions));
+      hash.update(JSON.stringify(lintOptions ?? {}));
       hash.update("\0");
       hash.update(process.version);
       hash.update("\0");
@@ -91,17 +91,25 @@ async function command(opts, cmd) {
     })
   );
   const resultsList = await parallel.runWorkerQueueThreads({
-    items,
+    items: items.filter((item) => item.lintOptions),
+    // Filter out packages without lint script
     workerData: {
       fix: Boolean(opts.fix),
       format: opts.format,
       shouldCache: Boolean(cacheContext),
-      successCache: cacheContext?.cache
+      successCache: cacheContext?.cache,
+      rootDir: paths.paths.targetRoot
     },
-    workerFactory: async ({ fix, format, shouldCache, successCache }) => {
+    workerFactory: async ({
+      fix,
+      format,
+      shouldCache,
+      successCache,
+      rootDir
+    }) => {
       const { ESLint } = require("eslint");
       const crypto = require("crypto");
-      const recursiveReadDir = require("recursive-readdir");
+      const globby = require("globby");
       const { readFile } = require("fs/promises");
       const { relative: workerRelativePath } = require("path");
       return async ({
@@ -119,7 +127,11 @@ async function command(opts, cmd) {
         });
         let sha = void 0;
         if (shouldCache) {
-          const result = await recursiveReadDir(fullDir);
+          const result = await globby(relativeDir, {
+            gitignore: true,
+            onlyFiles: true,
+            cwd: rootDir
+          });
           const hash = crypto.createHash("sha1");
           hash.update(parentHash);
           hash.update("\0");

package/dist/commands/repo/test.cjs.js

@@ -116,7 +116,7 @@ async function command(opts, cmd) {
   if (!hasFlags("--passWithNoTests")) {
     args.push("--passWithNoTests");
   }
-  if (!process.env.CI && !hasFlags("--coverage", "--watch", "--watchAll")) {
+  if (!opts.since && !process.env.CI && !hasFlags("--coverage", "--watch", "--watchAll")) {
     const isGitRepo = () => run.runCheck("git", "rev-parse", "--is-inside-work-tree");
     const isMercurialRepo = () => run.runCheck("hg", "--cwd", ".", "root");
     if (await isGitRepo() || await isMercurialRepo()) {
@@ -143,23 +143,24 @@ async function command(opts, cmd) {
     packageGraph = cliNode.PackageGraph.fromPackages(packages);
     return packageGraph;
   }
+  let selectedProjects = void 0;
   if (opts.since && !hasFlags("--selectProjects")) {
     const graph = await getPackageGraph();
     const changedPackages = await graph.listChangedPackages({
       ref: opts.since,
       analyzeLockfile: true
     });
-    const packageNames = Array.from(
+    selectedProjects = Array.from(
       graph.collectPackageNames(
         changedPackages.map((pkg) => pkg.name),
         (pkg) => pkg.allLocalDependents.keys()
       )
     );
-    if (packageNames.length === 0) {
+    if (selectedProjects.length === 0) {
       console.log(`No packages changed since ${opts.since}`);
       return;
     }
-    args.push("--selectProjects", ...packageNames);
+    args.push("--selectProjects", ...selectedProjects);
   }
   if (!process.env.NODE_ENV) {
     process.env.NODE_ENV = "test";
@@ -232,7 +233,9 @@ async function command(opts, cmd) {
           const sha = hash.digest("hex");
           projectHashes.set(packageName, sha);
           if (cache?.includes(sha)) {
-            console.log(`Skipped ${packageName} due to cache hit`);
+            if (!selectedProjects || selectedProjects.includes(packageName)) {
+              console.log(`Skipped ${packageName} due to cache hit`);
+            }
             outputSuccessCache.push(sha);
             return void 0;
           }

package/dist/lib/bundler/bundle.cjs.js

@@ -26,7 +26,7 @@ function applyContextToError(error, moduleName) {
   ${error}`;
 }
 async function buildBundle(options) {
-  const { statsJsonEnabled, schema: configSchema } = options;
+  const { statsJsonEnabled, schema: configSchema, rspack } = options;
   const paths$1 = paths.resolveBundlingPaths(options);
   const publicPaths = await paths.resolveOptionalBundlingPaths({
     targetDir: options.targetDir,
@@ -91,7 +91,7 @@ async function buildBundle(options) {
       { spaces: 2 }
     );
   }
-  const { stats } = await build(configs, isCi);
+  const { stats } = await build(configs, isCi, rspack);
   if (!stats) {
     throw new Error("No stats returned");
   }
@@ -119,10 +119,11 @@ async function buildBundle(options) {
     );
   }
 }
-async function build(configs, isCi) {
+async function build(configs, isCi, rspack) {
+  const bundler = rspack ?? webpack__default.default;
   const stats = await new Promise(
     (resolve, reject) => {
-      webpack__default.default(configs, (err, buildStats) => {
+      bundler(configs, (err, buildStats) => {
         if (err) {
           if (err.message) {
             const { errors: errors2 } = formatWebpackMessages__default.default({

package/dist/lib/bundler/config.cjs.js

@@ -2,11 +2,11 @@
 
 var path = require('path');
 var chalk = require('chalk');
-var webpack = require('webpack');
+var webpack$1 = require('webpack');
 var ESLintPlugin = require('eslint-webpack-plugin');
 var ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
-var webpack$1 = require('@module-federation/enhanced/webpack');
+var webpack = require('@module-federation/enhanced/webpack');
 var LinkedPackageResolvePlugin = require('./LinkedPackageResolvePlugin.cjs.js');
 var ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 var runScriptWebpackPlugin = require('run-script-webpack-plugin');
@@ -28,7 +28,7 @@ var hasReactDomClient = require('./hasReactDomClient.cjs.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var chalk__default = /*#__PURE__*/_interopDefaultCompat(chalk);
-var webpack__default = /*#__PURE__*/_interopDefaultCompat(webpack);
+var webpack__default = /*#__PURE__*/_interopDefaultCompat(webpack$1);
 var ESLintPlugin__default = /*#__PURE__*/_interopDefaultCompat(ESLintPlugin);
 var ForkTsCheckerWebpackPlugin__default = /*#__PURE__*/_interopDefaultCompat(ForkTsCheckerWebpackPlugin);
 var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefaultCompat(HtmlWebpackPlugin);
@@ -90,7 +90,8 @@ async function createConfig(paths$1, options) {
     isDev,
     frontendConfig,
     moduleFederation,
-    publicSubPath = ""
+    publicSubPath = "",
+    rspack
   } = options;
   const { plugins, loaders } = transforms.transforms(options);
   const { packages } = await getPackages.getPackages(paths.paths.targetDir);
@@ -105,15 +106,20 @@ async function createConfig(paths$1, options) {
       options.frontendConfig,
       options.moduleFederation
     );
-    plugins.push(
-      new ReactRefreshPlugin__default.default({
-        overlay: {
-          sockProtocol: "ws",
-          sockHost: host,
-          sockPort: port
-        }
-      })
-    );
+    if (rspack) {
+      const RspackReactRefreshPlugin = require("@rspack/plugin-react-refresh");
+      plugins.push(new RspackReactRefreshPlugin());
+    } else {
+      plugins.push(
+        new ReactRefreshPlugin__default.default({
+          overlay: {
+            sockProtocol: "ws",
+            sockHost: host,
+            sockPort: port
+          }
+        })
+      );
+    }
   }
   if (checksEnabled) {
     plugins.push(
@@ -126,14 +132,16 @@ async function createConfig(paths$1, options) {
       })
     );
   }
+  const bundler = rspack ? rspack : webpack__default.default;
   plugins.push(
-    new webpack.ProvidePlugin({
+    new bundler.ProvidePlugin({
       process: require.resolve("process/browser"),
       Buffer: ["buffer", "Buffer"]
     })
   );
   if (options.moduleFederation?.mode !== "remote") {
     plugins.push(
+      // `rspack.HtmlRspackPlugin` does not support object type `templateParameters` value, `frontendConfig` in this case
       new HtmlWebpackPlugin__default.default({
         meta: {
           "backstage-app-mode": options?.appMode ?? "public"
@@ -161,8 +169,9 @@ async function createConfig(paths$1, options) {
   }
   if (options.moduleFederation) {
     const isRemote = options.moduleFederation?.mode === "remote";
+    const AdaptedModuleFederationPlugin = rspack ? rspack.container.ModuleFederationPlugin : webpack.ModuleFederationPlugin;
     plugins.push(
-      new webpack$1.ModuleFederationPlugin({
+      new AdaptedModuleFederationPlugin({
         ...isRemote && {
           filename: "remoteEntry.js",
           exposes: {
@@ -222,9 +231,12 @@ async function createConfig(paths$1, options) {
   }
   const buildInfo = await readBuildInfo();
   plugins.push(
-    new webpack__default.default.DefinePlugin({
+    new bundler.DefinePlugin({
       "process.env.BUILD_INFO": JSON.stringify(buildInfo),
-      "process.env.APP_CONFIG": webpack__default.default.DefinePlugin.runtimeValue(
+      "process.env.APP_CONFIG": rspack ? (
+        // FIXME: see also https://github.com/web-infra-dev/rspack/issues/5606
+        JSON.stringify(options.getFrontendAppConfigs())
+      ) : bundler.DefinePlugin.runtimeValue(
         () => JSON.stringify(options.getFrontendAppConfigs()),
         true
       ),
@@ -233,11 +245,13 @@ async function createConfig(paths$1, options) {
       "process.env.HAS_REACT_DOM_CLIENT": JSON.stringify(hasReactDomClient.hasReactDomClient())
     })
   );
-  const reactRefreshFiles = [
+  const reactRefreshFiles = rspack ? [] : [
     require.resolve(
       "@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js"
     ),
-    require.resolve("@pmmmwh/react-refresh-webpack-plugin/overlay/index.js"),
+    require.resolve(
+      "@pmmmwh/react-refresh-webpack-plugin/overlay/index.js"
+    ),
     require.resolve("react-refresh")
   ];
   const mode = isDev ? "development" : "production";
@@ -254,15 +268,16 @@ async function createConfig(paths$1, options) {
     ];
     optimization$1.nodeEnv = false;
     plugins.push(
-      new webpack__default.default.DefinePlugin({
-        "process.env.NODE_ENV": webpack__default.default.DefinePlugin.runtimeValue(
-          ({ module }) => {
-            if (reactPackageDirs.some((val) => module.resource.startsWith(val))) {
-              return '"development"';
-            }
-            return `"${mode}"`;
+      new bundler.DefinePlugin({
+        "process.env.NODE_ENV": rspack ? (
+          // FIXME: see also https://github.com/web-infra-dev/rspack/issues/5606
+          JSON.stringify(mode)
+        ) : webpack__default.default.DefinePlugin.runtimeValue(({ module }) => {
+          if (reactPackageDirs.some((val) => module.resource.startsWith(val))) {
+            return '"development"';
           }
-        )
+          return `"${mode}"`;
+        })
       })
     );
   }
@@ -307,13 +322,16 @@ async function createConfig(paths$1, options) {
         http: false,
         util: require.resolve("util/")
       },
-      plugins: [
-        new LinkedPackageResolvePlugin.LinkedPackageResolvePlugin(paths$1.rootNodeModules, externalPkgs),
-        new ModuleScopePlugin__default.default(
-          [paths$1.targetSrc, paths$1.targetDev],
-          [paths$1.targetPackageJson, ...reactRefreshFiles]
-        )
-      ]
+      // FIXME: see also https://github.com/web-infra-dev/rspack/issues/3408
+      ...!rspack && {
+        plugins: [
+          new LinkedPackageResolvePlugin.LinkedPackageResolvePlugin(paths$1.rootNodeModules, externalPkgs),
+          new ModuleScopePlugin__default.default(
+            [paths$1.targetSrc, paths$1.targetDev],
+            [paths$1.targetPackageJson, ...reactRefreshFiles]
+          )
+        ]
+      }
     },
     module: {
       rules: loaders
@@ -332,17 +350,21 @@ async function createConfig(paths$1, options) {
       } : {}
     },
     experiments: {
-      lazyCompilation: yn__default.default(process.env.EXPERIMENTAL_LAZY_COMPILATION)
+      lazyCompilation: !rspack && yn__default.default(process.env.EXPERIMENTAL_LAZY_COMPILATION),
+      ...rspack && {
+        // We're still using `style-loader` for custom `insert` option
+        css: false
+      }
     },
     plugins,
-    ...withCache ? {
+    ...withCache && {
       cache: {
         type: "filesystem",
         buildDependencies: {
           config: [__filename]
         }
       }
-    } : {}
+    }
   };
 }
 async function createBackendConfig(paths$1, options) {

package/dist/lib/bundler/hasReactDomClient.cjs.js

@@ -1,8 +1,12 @@
 'use strict';
 
+var paths = require('../paths.cjs.js');
+
 function hasReactDomClient() {
   try {
-    require.resolve("react-dom/client");
+    require.resolve("react-dom/client", {
+      paths: [paths.paths.targetDir]
+    });
     return true;
   } catch {
     return false;

package/dist/lib/bundler/optimization.cjs.js

@@ -2,21 +2,23 @@
 
 const { EsbuildPlugin } = require("esbuild-loader");
 const optimization = (options) => {
-  const { isDev } = options;
+  const { isDev, rspack } = options;
+  const MinifyPlugin = rspack ? rspack.SwcJsMinimizerRspackPlugin : EsbuildPlugin;
   return {
     minimize: !isDev,
     minimizer: [
-      new EsbuildPlugin({
+      new MinifyPlugin({
         target: "ES2022",
         format: "iife",
         exclude: "remoteEntry.js"
       }),
       // Avoid iife wrapping of module federation remote entry as it breaks the variable assignment
-      new EsbuildPlugin({
+      new MinifyPlugin({
         target: "ES2022",
         format: void 0,
         include: "remoteEntry.js"
-      })
+      }),
+      rspack && new rspack.LightningCssMinimizerRspackPlugin()
     ],
     runtimeChunk: "single",
     splitChunks: {
@@ -42,8 +44,10 @@ const optimization = (options) => {
           priority: 10,
           minSize: 1e5,
           minChunks: 1,
-          maxAsyncRequests: Infinity,
-          maxInitialRequests: Infinity
+          ...!rspack && {
+            maxAsyncRequests: Infinity,
+            maxInitialRequests: Infinity
+          }
         },
         // filename is not included in type, but we need it
         // Group together the smallest modules

package/dist/lib/bundler/server.cjs.js

@@ -81,12 +81,14 @@ DEPRECATION WARNING: React Router Beta is deprecated and support for it will be
       viteServer?.restart();
     }
   });
+  const rspack = process.env.EXPERIMENTAL_RSPACK ? require("@rspack/core") : void 0;
   const commonConfigOptions = {
     ...options,
     checksEnabled: options.checksEnabled,
     isDev: true,
     baseUrl: url,
     frontendConfig,
+    rspack,
     getFrontendAppConfigs: () => {
       return latestFrontendAppConfigs;
     }
@@ -99,22 +101,58 @@ DEPRECATION WARNING: React Router Beta is deprecated and support for it will be
   if (process.env.EXPERIMENTAL_VITE) {
     const vite = require("vite");
     const { default: viteReact } = require("@vitejs/plugin-react");
-    const {
-      nodePolyfills: viteNodePolyfills
-    } = require("vite-plugin-node-polyfills");
+    const { default: viteYaml } = require("@modyfi/vite-plugin-yaml");
+    const { nodePolyfills: viteNodePolyfills } = require("vite-plugin-node-polyfills");
     const { createHtmlPlugin: viteHtml } = require("vite-plugin-html");
     viteServer = await vite.createServer({
       define: {
-        global: "window",
         "process.argv": JSON.stringify(process.argv),
         "process.env.APP_CONFIG": JSON.stringify(cliConfig.frontendAppConfigs),
         // This allows for conditional imports of react-dom/client, since there's no way
         // to check for presence of it in source code without module resolution errors.
         "process.env.HAS_REACT_DOM_CLIENT": JSON.stringify(hasReactDomClient.hasReactDomClient())
       },
+      optimizeDeps: {
+        esbuildOptions: {
+          plugins: [
+            {
+              name: "custom-define",
+              setup(build) {
+                const define = build.initialOptions.define ||= {};
+                define["process.env.HAS_REACT_DOM_CLIENT"] = JSON.stringify(
+                  hasReactDomClient.hasReactDomClient()
+                );
+                define["process.env.NODE_ENV"] = JSON.stringify("development");
+              }
+            }
+          ]
+        }
+      },
       plugins: [
         viteReact(),
-        viteNodePolyfills(),
+        viteNodePolyfills({
+          include: [
+            "buffer",
+            "events",
+            "fs",
+            "http",
+            "https",
+            "os",
+            "path",
+            "process",
+            "querystring",
+            "stream",
+            "url",
+            "util",
+            "zlib"
+          ],
+          globals: {
+            global: true,
+            Buffer: true,
+            process: true
+          }
+        }),
+        viteYaml(),
         viteHtml({
           entry: paths$2.targetEntry,
           // todo(blam): we should look at contributing to thPe plugin here
@@ -136,6 +174,8 @@ DEPRECATION WARNING: React Router Beta is deprecated and support for it will be
       root: paths$2.targetPath
     });
   } else {
+    const bundler = rspack ?? webpack__default.default;
+    const DevServer = rspack ? require("@rspack/dev-server").RspackDevServer : WebpackDevServer__default.default;
     const publicPaths = await paths.resolveOptionalBundlingPaths({
       entry: "src/index-public-experimental",
       dist: "dist/public"
@@ -147,8 +187,8 @@ DEPRECATION WARNING: React Router Beta is deprecated and support for it will be
         )
       );
     }
-    const compiler = publicPaths ? webpack__default.default([config$2, await config$1.createConfig(publicPaths, commonConfigOptions)]) : webpack__default.default(config$2);
-    webpackServer = new WebpackDevServer__default.default(
+    const compiler = publicPaths ? bundler([config$2, await config$1.createConfig(publicPaths, commonConfigOptions)]) : bundler(config$2);
+    webpackServer = new DevServer(
       {
         hot: !process.env.CI,
         devMiddleware: {

package/dist/lib/bundler/transforms.cjs.js

@@ -8,7 +8,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var MiniCssExtractPlugin__default = /*#__PURE__*/_interopDefaultCompat(MiniCssExtractPlugin);
 
 const transforms = (options) => {
-  const { isDev, isBackend } = options;
+  const { isDev, isBackend, rspack } = options;
+  const CssExtractRspackPlugin = rspack ? rspack.CssExtractRspackPlugin : MiniCssExtractPlugin__default.default;
   function insertBeforeJssStyles(element) {
     const head = document.head;
     const firstJssNode = head.querySelector("style[data-jss]");
@@ -24,7 +25,7 @@ const transforms = (options) => {
       exclude: /node_modules/,
       use: [
         {
-          loader: require.resolve("swc-loader"),
+          loader: rspack ? "builtin:swc-loader" : require.resolve("swc-loader"),
           options: {
             jsc: {
               target: "es2022",
@@ -50,7 +51,7 @@ const transforms = (options) => {
       exclude: /node_modules/,
       use: [
         {
-          loader: require.resolve("swc-loader"),
+          loader: rspack ? "builtin:swc-loader" : require.resolve("swc-loader"),
           options: {
             jsc: {
               target: "es2022",
@@ -81,7 +82,7 @@ const transforms = (options) => {
       test: [/\.icon\.svg$/],
       use: [
         {
-          loader: require.resolve("swc-loader"),
+          loader: rspack ? "builtin:swc-loader" : require.resolve("swc-loader"),
           options: {
             jsc: {
               target: "es2022",
@@ -143,7 +144,7 @@ const transforms = (options) => {
           options: {
             insert: insertBeforeJssStyles
           }
-        } : MiniCssExtractPlugin__default.default.loader,
+        } : CssExtractRspackPlugin.loader,
         {
           loader: require.resolve("css-loader"),
           options: {
@@ -156,7 +157,7 @@ const transforms = (options) => {
   const plugins = new Array();
   if (!isDev) {
     plugins.push(
-      new MiniCssExtractPlugin__default.default({
+      new CssExtractRspackPlugin({
         filename: "static/[name].[contenthash:8].css",
         chunkFilename: "static/[name].[id].[contenthash:8].css",
         insert: insertBeforeJssStyles