Add webpack bundle analyzer for debugging

2022-10-27 23:13:07 -07:00
parent 65fcbb9d3f
commit 91edad5024
3 changed files with 368 additions and 41 deletions
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -1,40 +1,45 @@
 const withLess = require('next-with-less');
-
-module.exports = withLess({
-  trailingSlash: true,
-  reactStrictMode: true,
-  webpack(config) {
-    config.module.rules.push({
-      test: /\.svg$/i,
-      issuer: /\.[jt]sx?$/,
-      use: ['@svgr/webpack'],
-    });
-
-    return config;
-  },
-  async rewrites() {
-    return [
-      {
-        source: '/api/:path*',
-        destination: 'http://localhost:8080/api/:path*', // Proxy to Backend to work around CORS.
-      },
-      {
-        source: '/hls/:path*',
-        destination: 'http://localhost:8080/hls/:path*', // Proxy to Backend to work around CORS.
-      },
-      {
-        source: '/img/:path*',
-        destination: 'http://localhost:8080/img/:path*', // Proxy to Backend to work around CORS.
-      },
-      {
-        source: '/logo',
-        destination: 'http://localhost:8080/logo', // Proxy to Backend to work around CORS.
-      },
-      {
-        source: '/thumbnail.jpg',
-        destination: 'http://localhost:8080/thumbnail.jpg', // Proxy to Backend to work around CORS.
-      },
-    ];
-  },
-  pageExtensions: ['tsx'],
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
 });
+
+module.exports = withBundleAnalyzer(
+  withLess({
+    trailingSlash: true,
+    reactStrictMode: true,
+    webpack(config) {
+      config.module.rules.push({
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        use: ['@svgr/webpack'],
+      });
+
+      return config;
+    },
+    async rewrites() {
+      return [
+        {
+          source: '/api/:path*',
+          destination: 'http://localhost:8080/api/:path*', // Proxy to Backend to work around CORS.
+        },
+        {
+          source: '/hls/:path*',
+          destination: 'http://localhost:8080/hls/:path*', // Proxy to Backend to work around CORS.
+        },
+        {
+          source: '/img/:path*',
+          destination: 'http://localhost:8080/img/:path*', // Proxy to Backend to work around CORS.
+        },
+        {
+          source: '/logo',
+          destination: 'http://localhost:8080/logo', // Proxy to Backend to work around CORS.
+        },
+        {
+          source: '/thumbnail.jpg',
+          destination: 'http://localhost:8080/thumbnail.jpg', // Proxy to Backend to work around CORS.
+        },
+      ];
+    },
+    pageExtensions: ['tsx'],
+  }),
+);