chore: migrate CommonJS rspack configs to ESM

rsdoctor/rspack/rspack.config.js → rsdoctor/rspack/rspack.config.mjs

@@ -1,9 +1,10 @@
-const { rspack } = require('@rspack/core');
-const { ReactRefreshRspackPlugin } = require('@rspack/plugin-react-refresh');
-const { RsdoctorRspackPlugin } = require('@rsdoctor/rspack-plugin');
+// @ts-check
+import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin';
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
 
-/** @type {import('@rspack/cli').Configuration} */
-module.exports = {
+export default defineConfig({
   entry: {
     main: './src/index.tsx',
   },
@@ -54,4 +55,4 @@ module.exports = {
   experiments: {
     css: true,
   },
-};
+});

rspack/basic-ts/rspack.config.mjs

@@ -1,16 +1,13 @@
 // @ts-check
 import path from 'node:path';
-import { fileURLToPath } from 'node:url';
 import { defineConfig } from '@rspack/cli';
 import { rspack } from '@rspack/core';
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
 export default defineConfig({
   entry: './src/index.ts',
   resolve: {
     tsConfig: {
-      configFile: path.resolve(__dirname, 'tsconfig.json'),
+      configFile: path.resolve(import.meta.dirname, 'tsconfig.json'),
     },
     extensions: ['...', '.ts'],
   },

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

@@ -1,13 +1,9 @@
 // @ts-check
-
-import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { defineConfig } from '@rspack/cli';
 import { rspack } from '@rspack/core';
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const require = createRequire(import.meta.url);
 const isProduction = process.env.NODE_ENV === 'production';
 
 export default defineConfig({
@@ -17,7 +13,7 @@ export default defineConfig({
   resolve: {
     extensions: ['...', '.jsx'],
     alias: {
-      '@swc/helpers': path.dirname(require.resolve('@swc/helpers/package.json')),
+      '@swc/helpers': path.dirname(fileURLToPath(import.meta.resolve('@swc/helpers/package.json'))),
     },
   },
   module: {
@@ -56,7 +52,7 @@ export default defineConfig({
                   [
                     '@swc/plugin-relay',
                     {
-                      rootDir: __dirname,
+                      rootDir: import.meta.dirname,
                       artifactDirectory: 'src/__generated__',
                       language: 'typescript',
                     },

rspack/cra-ts/rspack.config.js → rspack/cra-ts/rspack.config.mjs

@@ -1,7 +1,9 @@
-const { rspack } = require('@rspack/core');
-const { ReactRefreshRspackPlugin } = require('@rspack/plugin-react-refresh');
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
+
+export default defineConfig({
   entry: {
     main: './src/index.tsx',
   },
@@ -55,5 +57,4 @@ const config = {
       ],
     }),
   ],
-};
-module.exports = config;
+});

rspack/cra/rspack.config.js → rspack/cra/rspack.config.mjs

@@ -1,8 +1,9 @@
-const { rspack } = require('@rspack/core');
-const { ReactRefreshRspackPlugin } = require('@rspack/plugin-react-refresh');
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+export default defineConfig({
   entry: {
     main: './src/index.jsx',
   },
@@ -56,5 +57,4 @@ const config = {
       ],
     }),
   ],
-};
-module.exports = config;
+});

rspack/css-chunking-plugin/rspack.config.js → rspack/css-chunking-plugin/rspack.config.mjs

@@ -1,7 +1,8 @@
-const { rspack } = require('@rspack/core');
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+export default defineConfig({
   entry: './src/index.js',
   module: {
     rules: [
@@ -27,6 +28,4 @@ const config = {
       minSize: 0,
     },
   },
-};
-
-module.exports = config;
+});

rspack/css-parser-generator-options/rspack.config.js → rspack/css-parser-generator-options/rspack.config.mjs

@@ -1,8 +1,9 @@
-const path = require('path');
-const { rspack } = require('@rspack/core');
+// @ts-check
+import path from 'node:path';
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+export default defineConfig({
   entry: './src/index.js',
   module: {
     parser: {
@@ -19,12 +20,12 @@ const config = {
     rules: [
       {
         test: /\.css$/,
-        exclude: path.resolve(__dirname, 'src/legacy'),
+        exclude: path.resolve(import.meta.dirname, 'src/legacy'),
         type: 'css/auto',
       },
       {
         // files in src/legacy and ends with .css will be CSS Modules
-        include: path.resolve(__dirname, 'src/legacy'),
+        include: path.resolve(import.meta.dirname, 'src/legacy'),
         test: /\.css$/,
         type: 'css/module',
         parser: {
@@ -47,6 +48,4 @@ const config = {
       template: './index.html',
     }),
   ],
-};
-
-module.exports = config;
+});

rspack/dll-reference/rspack.config.mjs

@@ -0,0 +1,26 @@
+// @ts-check
+import path from 'node:path';
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+
+export default defineConfig({
+  entry: './index',
+  output: {
+    path: path.resolve(import.meta.dirname, 'dist'),
+  },
+  resolve: {
+    extensions: ['...', '.ts', '.tsx', '.js', '.jsx'],
+  },
+  plugins: [
+    new rspack.DllReferencePlugin({
+      manifest: path.resolve(import.meta.dirname, '../dll/dist/alpha.manifest.json'),
+      extensions: ['.js', '.ts'],
+    }),
+    new rspack.DllReferencePlugin({
+      manifest: path.resolve(import.meta.dirname, '../dll/dist/beta.manifest.json'),
+      scope: 'beta',
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
+    }),
+  ],
+  mode: 'development',
+});

rspack/dll/rspack.config.js → rspack/dll/rspack.config.mjs

@@ -1,8 +1,9 @@
-const { rspack } = require('@rspack/core');
-const path = require('node:path');
+// @ts-check
+import path from 'node:path';
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+export default defineConfig({
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.js', '.jsx'],
   },
@@ -11,16 +12,14 @@ const config = {
     beta: ['./beta', './b', './c'],
   },
   output: {
-    path: path.resolve(__dirname, 'dist'),
+    path: path.resolve(import.meta.dirname, 'dist'),
     filename: '[name].dll.js',
     library: '[name]_dll_lib',
   },
   plugins: [
     new rspack.DllPlugin({
-      path: path.join(__dirname, 'dist', '[name].manifest.json'),
+      path: path.join(import.meta.dirname, 'dist', '[name].manifest.json'),
       name: '[name]_dll_lib',
     }),
   ],
-};
-
-module.exports = config;
+});

rspack/emotion/rspack.config.js → rspack/emotion/rspack.config.mjs

@@ -1,6 +1,8 @@
-const { rspack } = require('@rspack/core');
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+
+export default defineConfig({
   entry: {
     main: './src/index.jsx',
   },
@@ -36,5 +38,4 @@ const config = {
       },
     ],
   },
-};
-module.exports = config;
+});

rspack/eslint/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "rspack build",
     "dev": "rspack serve -c",
-    "dev:loader": "rspack serve -c rspack.config.loader.js"
+    "dev:loader": "rspack serve -c rspack.config.loader.mjs"
   },
   "devDependencies": {
     "@rspack/cli": "2.0.0-rc.1",

rspack/eslint/rspack.config.loader.js → rspack/eslint/rspack.config.loader.mjs

@@ -1,6 +1,8 @@
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
-  context: __dirname,
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+
+export default defineConfig({
+  context: import.meta.dirname,
   entry: {
     main: './src/index.js',
   },
@@ -18,5 +20,4 @@ const config = {
       },
     ],
   },
-};
-module.exports = config;
+});

rspack/eslint/rspack.config.mjs

@@ -0,0 +1,11 @@
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import EslintPlugin from 'eslint-rspack-plugin';
+
+export default defineConfig({
+  context: import.meta.dirname,
+  entry: {
+    main: './src/index.js',
+  },
+  plugins: [new EslintPlugin()],
+});

rspack/express/rspack.config.js → rspack/express/rspack.config.mjs

@@ -1,8 +1,9 @@
-const { RunScriptWebpackPlugin } = require('run-script-webpack-plugin');
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { RunScriptWebpackPlugin } from 'run-script-webpack-plugin';
 
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
-  context: __dirname,
+export default defineConfig({
+  context: import.meta.dirname,
   target: 'node',
   entry: {
     main: ['@rspack/core/hot/poll?100', './src/main.ts'],
@@ -44,5 +45,4 @@ const config = {
       writeToDisk: true,
     },
   },
-};
-module.exports = config;
+});

rspack/extract-license/rspack.config.js → rspack/extract-license/rspack.config.mjs

@@ -1,7 +1,9 @@
-const { rspack } = require('@rspack/core');
-/** @type {import('@rspack/cli').Configuration} */
-const config = {
-  context: __dirname,
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+
+export default defineConfig({
+  context: import.meta.dirname,
   entry: {
     main: './src/index.js',
   },
@@ -13,5 +15,4 @@ const config = {
       extractComments: true,
     }),
   ],
-};
-module.exports = config;
+});

rspack/generate-package-json-webpack-plugin/rspack.config.js → rspack/generate-package-json-webpack-plugin/rspack.config.mjs

@@ -1,5 +1,6 @@
-const { defineConfig } = require('@rspack/cli');
-const GeneratePackageJsonPlugin = require('generate-package-json-webpack-plugin');
+// @ts-check
+import { defineConfig } from '@rspack/cli';
+import GeneratePackageJsonPlugin from 'generate-package-json-webpack-plugin';
 
 const basePackage = {
   name: 'my-module',
@@ -10,6 +11,6 @@ const basePackage = {
   },
 };
 
-module.exports = defineConfig({
+export default defineConfig({
   plugins: [new GeneratePackageJsonPlugin(basePackage, {})],
 });