refactor: extract shared config (#53)

Author: chenjiahan

benchmark.mjs

@@ -11,7 +11,7 @@ import color from 'picocolors';
 import glob from 'fast-glob';
 import { gzipSizeSync } from 'gzip-size';
 import { markdownTable } from 'markdown-table';
-import { caseName } from './shared.mjs';
+import { caseName } from './shared/constants.mjs';
 
 process.env.CASE = caseName;
 

cases/react-10k/farm.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import path from 'node:path';
 import { defineConfig } from '@farmfe/core';
-import { target, isProd } from '../../shared.mjs';
+import { target, isProd } from '../../shared/constants.mjs';
 
 export default defineConfig({
   compilation: {

cases/react-10k/rolldown-vite.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import { defineConfig } from 'rolldown-vite';
 import react from '@vitejs/plugin-react-oxc';
-import { target } from '../../shared.mjs';
+import { target } from '../../shared/constants.mjs';
 
 export default defineConfig({
   plugins: [react()],

cases/react-10k/rolldown.config.mjs

@@ -1,17 +1,9 @@
 // @ts-check
 import { defineConfig } from 'rolldown';
 import path from 'node:path';
-import { target, isProd } from '../../shared.mjs';
+import config from '../../shared/rolldown.config.mjs';
 
 export default defineConfig({
+  ...config,
   input: path.join(import.meta.dirname, 'src', 'index.jsx'),
-  define: {
-    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
-  },
-  output: {
-    minify: isProd,
-  },
-  transform: {
-    target,
-  },
 });

cases/react-10k/rsbuild.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import { defineConfig } from '@rsbuild/core';
 import { pluginReact } from '@rsbuild/plugin-react';
-import { targetBrowser } from '../../shared.mjs';
+import { targetBrowser } from '../../shared/constants.mjs';
 
 export default defineConfig({
   plugins: [pluginReact()],

cases/react-10k/rspack.config.mjs

@@ -3,15 +3,11 @@ import path from 'node:path';
 import { defineConfig } from '@rspack/cli';
 import { rspack } from '@rspack/core';
 import ReactRefreshPlugin from '@rspack/plugin-react-refresh';
-import { target, isProd } from '../../shared.mjs';
+import { isProd, target } from '../../shared/constants.mjs';
 
 export default defineConfig({
-  target: ['web', target],
-  devtool: isProd ? false : undefined,
+  extends: '../../shared/rspack.config.mjs',
   entry: path.join(import.meta.dirname, 'src', 'index.jsx'),
-  resolve: {
-    extensions: ['...', '.tsx', '.ts', '.jsx'],
-  },
   module: {
     rules: [
       {
@@ -44,9 +40,4 @@ export default defineConfig({
     new rspack.HtmlRspackPlugin({ template: 'index-rspack.html' }),
     !isProd && new ReactRefreshPlugin(),
   ],
-  experiments: {
-    css: true,
-    // lazyCompilation should only be enabled in development mode
-    lazyCompilation: Boolean(process.env.LAZY) && !isProd,
-  },
 });

cases/react-10k/vite.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
-import { target } from '../../shared.mjs';
+import { target } from '../../shared/constants.mjs';
 
 export default defineConfig({
   build: {

cases/react-10k/webpack.config.mjs

@@ -2,17 +2,11 @@
 import path from 'node:path';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
-import TerserPlugin from 'terser-webpack-plugin';
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
-import { target, isProd } from '../../shared.mjs';
+import { target, isProd } from '../../shared/constants.mjs';
 
 export default {
-  target: ['web', target],
-  devtool: isProd ? false : undefined,
+  extends: '../../shared/webpack.config.mjs',
   entry: path.join(import.meta.dirname, 'src', 'index.jsx'),
-  resolve: {
-    extensions: ['...', '.tsx', '.ts', '.jsx'],
-  },
   module: {
     rules: [
       {
@@ -44,20 +38,4 @@ export default {
     new HtmlWebpackPlugin({ template: 'index-rspack.html' }),
     isProd ? null : new ReactRefreshWebpackPlugin(),
   ].filter(Boolean),
-  optimization: {
-    minimize: isProd,
-    minimizer: isProd
-      ? [
-          new CssMinimizerPlugin({
-            minify: CssMinimizerPlugin.swcMinify,
-          }),
-          new TerserPlugin({
-            minify: TerserPlugin.swcMinify,
-          }),
-        ]
-      : [],
-  },
-  experiments: {
-    css: true,
-  },
 };

cases/react-1k/farm.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import path from 'node:path';
 import { defineConfig } from '@farmfe/core';
-import { target, isProd } from '../../shared.mjs';
+import { target, isProd } from '../../shared/constants.mjs';
 
 export default defineConfig({
   compilation: {

cases/react-1k/rolldown-vite.config.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import { defineConfig } from 'rolldown-vite';
 import react from '@vitejs/plugin-react-oxc';
-import { target } from '../../shared.mjs';
+import { target } from '../../shared/constants.mjs';
 
 export default defineConfig({
   plugins: [react()],