add webpack-stats-plugin

Author: dimaMachina

gatsby-config.ts

@@ -1,13 +1,4 @@
 import type { GatsbyConfig } from "gatsby"
-import { RelativeCiAgentWebpackPlugin } from "@relative-ci/agent"
-
-exports.onCreateWebpackConfig = ({ stage, actions }) => {
-  if (stage === "build-javascript") {
-    actions.setWebpackConfig({
-      plugins: [new RelativeCiAgentWebpackPlugin()],
-    })
-  }
-}
 
 const config: GatsbyConfig = {
   siteMetadata: {

gatsby-node.ts

@@ -12,6 +12,9 @@ require("dotenv").config({
   path: `.env.${process.env.NODE_ENV}`,
 })
 
+import { RelativeCiAgentWebpackPlugin } from "@relative-ci/agent"
+import { StatsWriterPlugin } from "webpack-stats-plugin"
+
 export const createSchemaCustomization: GatsbyNode["createSchemaCustomization"] =
   async ({ actions }) => {
     const gql = String.raw
@@ -537,12 +540,27 @@ export const createPages: GatsbyNode["createPages"] = async ({
 }
 
 export const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] =
-  async ({ actions }) => {
+  async ({ actions, stage }) => {
     actions.setWebpackConfig({
       resolve: {
         fallback: {
           assert: "assert/",
         },
       },
     })
+    if (stage === "build-javascript") {
+      actions.setWebpackConfig({
+        plugins: [
+          new RelativeCiAgentWebpackPlugin(),
+          new StatsWriterPlugin({
+            filename: "../webpack-stats.json",
+            stats: {
+              assets: true,
+              chunks: true,
+              modules: true,
+            },
+          }),
+        ],
+      })
+    }
   }

package.json

@@ -57,6 +57,7 @@
     "timeago.js": "4.0.2"
   },
   "devDependencies": {
+    "webpack-stats-plugin": "1.1.3",
     "@relative-ci/agent": "4.2.8",
     "@svgr/webpack": "^8.0.0",
     "@tailwindcss/typography": "0.5.9",