Added bundle analysis to the config template of react project (#649)

* added bundle analysis * added webpack plugin * removed unnecessary package * refactor * removed unnecessary command * comment fix * comment fix
sentry-demos · Jan 7, 2025 · 600b231 · 600b231
1 parent 9958a16
commit 600b231
Show file tree

Hide file tree

Showing 4 changed files with 430 additions and 7 deletions.
diff --git a/.github/workflows/run_codecov_on_pull_request.yml b/.github/workflows/run_codecov_on_pull_request.yml
@@ -18,8 +18,10 @@ jobs:
           node-version: "18"
 
       - name: Run React tests
+        env:
+            CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
         run: |
-          npm install
+          CI=false ./build.sh
           npm test -- --coverage --reporters=jest-junit
         working-directory: ./empower/react
       - uses: codecov/codecov-action@v3

diff --git a/react/config-overrides.js.template b/react/config-overrides.js.template
@@ -1,5 +1,6 @@
 const SentryWebpackPlugin = require('@sentry/webpack-plugin');
 const reactsourceMapPlugin = require('@acemarke/react-prod-sourcemaps');
+const { codecovWebpackPlugin } = require('@codecov/webpack-plugin');
 
 module.exports = function override(config, env) {
   //do stuff with the webpack config...
@@ -8,7 +9,6 @@ module.exports = function override(config, env) {
       mode: 'strict',
     })
   );
-
   config.plugins.push(
     SentryWebpackPlugin.sentryWebpackPlugin({
       authToken: process.env.SENTRY_AUTH_TOKEN,
@@ -18,8 +18,14 @@ module.exports = function override(config, env) {
       ignoreFile: '.sentrycliignore',
       ignore: ['webpack.config.js'],
       configFile: 'sentry.properties',
-      reactComponentAnnotation: {enabled:true},
+    })
+  );
+  config.plugins.push(
+    codecovWebpackPlugin({
+      enableBundleAnalysis: process.env.CI !== undefined || process.env.CODECOV_TOKEN !== undefined,
+      bundleName: "empower-react-app",
+      uploadToken: process.env.CODECOV_TOKEN,
     })
   );
   return config;
-};
+};