feat: webpack-dev-server GC plugin & auto-restat on crash - prettier

Author: ikevin127

config/webpack/ForceGarbageCollectionPlugin.ts

@@ -4,7 +4,7 @@ import type {Compiler} from 'webpack';
 /**
  * Custom webpack plugin that forces garbage collection every 5 compilations
  * and logs memory usage to help monitor memory consumption during development.
- * 
+ *
  * Note: Requires Node.js to be started with --expose-gc flag to enable garbage collection.
  */
 class ForceGarbageCollectionPlugin {
@@ -14,18 +14,18 @@ class ForceGarbageCollectionPlugin {
         if (gc && typeof gc === 'function') {
             compiler.hooks.done.tap(this.constructor.name, () => {
                 this.compilationCount++;
-                
+
                 // Log memory usage every compilation
                 const memUsage = process.memoryUsage();
                 const heapUsedMB = Math.round(memUsage.heapUsed / 1024 / 1024);
                 const heapTotalMB = Math.round(memUsage.heapTotal / 1024 / 1024);
-                
+
                 console.log(`📊 Compilation #${this.compilationCount} - Heap: ${heapUsedMB}MB/${heapTotalMB}MB`);
                 if (this.compilationCount % 5 === 0) {
                     console.log(`🗑️ Forcing garbage collection after ${this.compilationCount} compilations`);
                     // @ts-expect-error - gc is a global function provided when Node.js is started with --expose-gc flag
                     gc();
-                    
+
                     // Log memory after garbage collection
                     const memAfterGC = process.memoryUsage();
                     const heapAfterMB = Math.round(memAfterGC.heapUsed / 1024 / 1024);

config/webpack/webpack.common.ts

@@ -69,7 +69,7 @@ function mapEnvironmentToLogoSuffix(environmentFile: string): string {
  */
 const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment): Configuration => {
     const isDevelopment = file === '.env' || file === '.env.development';
-    
+
     return {
         mode: isDevelopment ? 'development' : 'production',
         devtool: 'source-map',
@@ -145,10 +145,10 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
             }),
             ...(file === '.env.production' || file === '.env.staging'
                 ? [
-                    new IgnorePlugin({
-                        resourceRegExp: /@welldone-software\/why-did-you-render/,
-                    }),
-                ]
+                      new IgnorePlugin({
+                          resourceRegExp: /@welldone-software\/why-did-you-render/,
+                      }),
+                  ]
                 : []),
             ...(platform === 'web' ? [new CustomVersionFilePlugin()] : []),
             new DefinePlugin({