chore: prefer to use rspack.config.mjs

rspack/basic-ts-config/rspack.config.ts

@@ -1,11 +1,11 @@
-const rspack = require('@rspack/core');
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+
+export default defineConfig({
   entry: './src/index.js',
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',
     }),
   ],
-};
-module.exports = config;
+});

rspack/basic-ts/rspack.config.mjs

@@ -0,0 +1,44 @@
+// @ts-check
+import path from "path";
+import { rspack } from "@rspack/core";
+import { defineConfig } from "@rspack/cli";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  entry: "./src/index.ts",
+  resolve: {
+    tsConfig: {
+      configFile: path.resolve(__dirname, "tsconfig.json"),
+    },
+    extensions: ["...", ".ts"],
+  },
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "./index.html",
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: [
+          {
+            loader: "builtin:swc-loader",
+            /**
+             * @type {import('@rspack/core').SwcLoaderOptions}
+             */
+            options: {
+              jsc: {
+                parser: {
+                  syntax: "typescript",
+                },
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+});

rspack/basic/rspack.config.mjs

@@ -0,0 +1,12 @@
+// @ts-check
+import { rspack } from "@rspack/core";
+import { defineConfig } from "@rspack/cli";
+
+export default defineConfig({
+  entry: "./src/index.js",
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "./index.html",
+    }),
+  ],
+});

rspack/builtin-swc-loader/rspack.config.mjs

@@ -0,0 +1,95 @@
+// @ts-check
+import { defineConfig } from "@rspack/cli";
+import { rspack } from "@rspack/core";
+import path from "path";
+import { fileURLToPath } from "node:url";
+import { createRequire } from "node:module";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const require = createRequire(import.meta.url);
+const isProduction = process.env.NODE_ENV === "production";
+
+export default defineConfig({
+  entry: {
+    main: "./src/index.jsx",
+  },
+  experiments: {
+    css: true,
+  },
+  resolve: {
+    extensions: ["...", ".jsx"],
+    alias: {
+      "@swc/helpers": path.dirname(
+        require.resolve("@swc/helpers/package.json")
+      ),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(jsx|js)$/,
+        use: {
+          loader: "builtin:swc-loader",
+          /**
+           * @type {import('@rspack/core').SwcLoaderOptions}
+           */
+          options: {
+            jsc: {
+              parser: {
+                syntax: "ecmascript",
+                jsx: true,
+              },
+              transform: {
+                react: {
+                  runtime: "automatic",
+                  development: !isProduction,
+                },
+              },
+              experimental: {
+                plugins: [
+                  [
+                    "@swc/plugin-remove-console", // need to use specific version to be compatible with rspack's internal swc version
+                    {
+                      exclude: ["error"],
+                    },
+                  ],
+                  ["@swc/plugin-prefresh", {}],
+                  ["@swc/plugin-emotion", {}],
+                  ["@swc/plugin-loadable-components", {}],
+                  [
+                    "@swc/plugin-relay",
+                    {
+                      rootDir: __dirname,
+                      artifactDirectory: "src/__generated__",
+                      language: "typescript",
+                    },
+                  ],
+                  ["@swc/plugin-styled-components", {}],
+                  ["@swc/plugin-styled-jsx", {}],
+                  ["@swc/plugin-transform-imports", {}],
+                  // TODO: these plugins are not yet updated to `swc_core` v9
+                  // ['@lingui/swc-plugin', {}],
+                  // ['swc-plugin-css-modules', {}],
+                  // ['swc-plugin-vue-jsx', {}],
+                ],
+              },
+            },
+          },
+        },
+        type: "javascript/auto",
+      },
+      {
+        test: /\.(png|svg|jpg)$/,
+        type: "asset/resource",
+      },
+    ],
+  },
+  optimization: {
+    minimize: false, // Disabling minification because it takes too long on CI
+  },
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "./index.html",
+    }),
+  ],
+});

rspack/bundle-splitting/rspack.config.js → rspack/bundle-splitting/rspack.config.mjs

@@ -1,14 +1,12 @@
-const rspack = require('@rspack/core');
+// @ts-check
+import { rspack } from "@rspack/core";
+import { defineConfig } from "@rspack/cli";
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+export default defineConfig({
   entry: {
-    main: {
-      import: ['./index.js'],
-    },
+    main: "./index.js",
   },
   module: {
-    rules: [],
     parser: {
       asset: {
         dataUrlCondition: {
@@ -21,14 +19,12 @@ const config = {
     splitChunks: {
       cacheGroups: {
         vendor: {
-          chunks: 'all',
-          name: 'vendor',
+          chunks: "all",
+          name: "vendor",
           test: /common/,
         },
       },
     },
   },
   plugins: [new rspack.HtmlRspackPlugin()],
-};
-
-module.exports = config;
+});

rspack/case-sensitive-paths-webpack-plugin/rspack.config.mjs

@@ -0,0 +1,7 @@
+// @ts-check
+import { defineConfig } from "@rspack/cli";
+import CaseSensitivePlugin from "case-sensitive-paths-webpack-plugin";
+
+export default defineConfig({
+  plugins: [new CaseSensitivePlugin()],
+});

rspack/code-splitting/rspack.config.mjs

@@ -0,0 +1,14 @@
+// @ts-check
+import { rspack } from "@rspack/core";
+import { defineConfig } from "@rspack/cli";
+
+export default defineConfig({
+  entry: {
+    main: "./index.js",
+  },
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "index.html",
+    }),
+  ],
+});