build: support sourcemap in sentry (#1910)

apps/web/.env.local.template

@@ -20,4 +20,6 @@ ENABLE_CHANGELOG=1
 
 # Sentry
 SENTRY_AUTH_TOKEN=
+SENTRY_ORG=
+SENTRY_PROJECT=
 NEXT_PUBLIC_SENTRY_DSN=

apps/web/next.config.mjs

@@ -4,6 +4,7 @@ import path from 'node:path';
 
 import { PerfseePlugin } from '@perfsee/webpack';
 import { withSentryConfig } from '@sentry/nextjs';
+import SentryWebpackPlugin from '@sentry/webpack-plugin';
 import debugLocal from 'next-debug-local';
 
 import preset from './preset.config.mjs';
@@ -113,6 +114,19 @@ const nextConfig = {
         config.plugins = [perfsee];
       }
     }
+    if (
+      process.env.SENTRY_AUTH_TOKEN &&
+      process.env.SENTRY_ORG &&
+      process.env.SENTRY_PROJECT
+    ) {
+      config.plugins.push(
+        new SentryWebpackPlugin({
+          include: '.next',
+          ignore: ['node_modules', 'cypress', 'test'],
+          urlPrefix: '~/_next',
+        })
+      );
+    }
 
     return config;
   },

apps/web/package.json

@@ -50,6 +50,7 @@
     "@perfsee/webpack": "^1.5.0",
     "@redux-devtools/extension": "^3.2.5",
     "@rich-data/viewer": "^2.15.6",
+    "@sentry/webpack-plugin": "^1.20.0",
     "@swc-jotai/debug-label": "^0.0.9",
     "@swc-jotai/react-refresh": "^0.0.7",
     "@types/react": "=18.0.31",