perf: Use thread-loader

pancakeswap · Jan 19, 2025 · 5d19ac1 · 5d19ac1
1 parent b38e244
commit 5d19ac1
Show file tree

Hide file tree

Showing 4 changed files with 263 additions and 238 deletions.
diff --git a/apps/web/biome.json b/apps/web/biome.json
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
@@ -32,7 +32,7 @@ const sentryWebpackPluginOptions =
         validate: true,
         hideSourceMaps: false,
         tryRun: true,
-        disable: true
+        disable: true,
         // https://github.com/getsentry/sentry-webpack-plugin#options.
       }
     : {
@@ -50,11 +50,6 @@ const config = {
   typescript: {
     tsconfigPath: 'tsconfig.json',
   },
-  eslint: {
-    // Warning: This allows production builds to successfully complete even if
-    // your project has ESLint errors.
-    ignoreDuringBuilds: true,
-  },
   compiler: {
     styledComponents: true,
   },
@@ -226,46 +221,55 @@ const config = {
       },
     ]
   },
-  webpack: (webpackConfig, { webpack, isServer }) => {
+  webpack: (webpackConfig, { webpack, isServer, defaultLoaders }) => {
     // tree shake sentry tracing
     webpackConfig.plugins.push(
       new webpack.DefinePlugin({
         __SENTRY_DEBUG__: false,
         __SENTRY_TRACING__: false,
       }),
     )
-    webpackConfig.plugins.push(
-      new RetryChunkLoadPlugin({
-        cacheBust: `function() {
+    if (!isServer) {
+      webpackConfig.module.rules.push({
+        test: /\.js$/,
+        use: [
+          'thread-loader',
+          defaultLoaders.babel
+        ],
+      })
+      webpackConfig.plugins.push(
+        new RetryChunkLoadPlugin({
+          cacheBust: `function() {
           return 'cache-bust=' + Date.now();
         }`,
-        retryDelay: `function(retryAttempt) {
+          retryDelay: `function(retryAttempt) {
           return 2 ** (retryAttempt - 1) * 500;
         }`,
-        maxRetries: 5,
-      }),
-    )
-    webpackConfig.optimization.minimize = true
-    webpackConfig.optimization.minimizer = [
-      new TerserPlugin({
-        parallel: true,
-        minify: TerserPlugin.esbuildMinify,
-        terserOptions: {},
-      }),
-    ]
-    if (!isServer && webpackConfig.optimization.splitChunks) {
-      // webpack doesn't understand worker deps on quote worker, so we need to manually add them
-      // https://github.com/webpack/webpack/issues/16895
-      // eslint-disable-next-line no-param-reassign
-      webpackConfig.optimization.splitChunks.cacheGroups.workerChunks = {
-        chunks: 'all',
-        test(module) {
-          const resource = module.nameForCondition?.() ?? ''
-          return resource ? workerDeps.some((d) => resource.includes(d)) : false
-        },
-        priority: 31,
-        name: 'worker-chunks',
-        reuseExistingChunk: true,
+          maxRetries: 5,
+        }),
+      )
+      webpackConfig.optimization.minimize = true
+      webpackConfig.optimization.minimizer = [
+        new TerserPlugin({
+          parallel: true,
+          minify: TerserPlugin.esbuildMinify,
+          terserOptions: {},
+        }),
+      ]
+      if (webpackConfig.optimization.splitChunks) {
+        // webpack doesn't understand worker deps on quote worker, so we need to manually add them
+        // https://github.com/webpack/webpack/issues/16895
+        // eslint-disable-next-line no-param-reassign
+        webpackConfig.optimization.splitChunks.cacheGroups.workerChunks = {
+          chunks: 'all',
+          test(module) {
+            const resource = module.nameForCondition?.() ?? ''
+            return resource ? workerDeps.some((d) => resource.includes(d)) : false
+          },
+          priority: 31,
+          name: 'worker-chunks',
+          reuseExistingChunk: true,
+        }
       }
     }
     return webpackConfig

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -10,7 +10,7 @@
     "test": "LC_ALL=\"en_US.UTF-8\" vitest --run",
     "test:watch": "LC_ALL=\"en_US.UTF-8\" vitest --watch",
     "test:config": "vitest --run --config vitest-config-test.config.ts",
-    "lint": "biome lint src",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
     "lint:style": "npx stylelint '**/*.{ts,tsx}'",
     "format:write": "prettier --write \"**/*.{js,jsx,ts,tsx,json}\"",
     "typechecks": "tsc --noEmit -p ./tsconfig.json"
@@ -195,6 +195,7 @@
     "tilg": "^0.1.1",
     "typescript": "5.2.2",
     "vite-tsconfig-paths": "^4.0.3",
-    "webpack-retry-chunk-load-plugin": "3.1.1"
+    "webpack-retry-chunk-load-plugin": "3.1.1",
+    "thread-loader": "4.0.4"
   }
 }