Suppress false positive webpack warnings during bundle:dev build (#1612)

* Suppress false positive CJS-ESM interop warnings about default exports

* add suppression of 'No serializer registered for XXXX' warnings

Author: bobular

packages/configs/base-webpack-config/index.js

@@ -140,6 +140,13 @@ exports.merge = function merge(additionalConfig) {
             optimizationBailout: true,
             modules: false,
           },
+          ignoreWarnings: [
+            // Suppress false-positive CJS→ESM interop warnings for compiled
+            // packages that use `exports.default` with `__esModule: true`.
+            // Webpack's static analyzer only sees `__esModule` as an export
+            // but the default import still resolves correctly at runtime.
+            /\(possible exports: __esModule\)/,
+          ],
         },
       ].concat(
         typeof additionalConfig === 'function'

packages/configs/site-webpack-config/index.js

@@ -5,6 +5,32 @@ var alias = {
   site: process.cwd() + '/webapp',
 };
 
+/**
+ * Suppresses "No serializer registered for ProvidedDependency" cache warnings.
+ * These arise because ify-loader processes node_modules files that also receive
+ * a ProvidedDependency injection from ProvidePlugin (for process/browser).
+ * Webpack's filesystem cache can't serialize ProvidedDependency in that context,
+ * but the build and runtime behaviour are unaffected - only the cache entry for
+ * those modules is skipped.
+ */
+class SuppressProvidedDependencyCacheWarnings {
+  apply(compiler) {
+    compiler.hooks.infrastructureLog.tap(
+      'SuppressProvidedDependencyCacheWarnings',
+      (origin, type, args) => {
+        if (
+          origin === 'webpack.cache.PackFileCacheStrategy' &&
+          type === 'warn' &&
+          args.length > 0 &&
+          String(args[0]).includes('ProvidedDependency')
+        ) {
+          return true; // returning true suppresses this log entry
+        }
+      }
+    );
+  }
+}
+
 module.exports = function configure(additionalConfig) {
   return baseConfig.merge([
     {
@@ -42,6 +68,7 @@ module.exports = function configure(additionalConfig) {
         new baseConfig.webpack.ProvidePlugin({
           process: 'process/browser',
         }),
+        new SuppressProvidedDependencyCacheWarnings(),
       ],
 
       // Map external libraries Wdk exposes so we can do things like: