如何屏蔽Webpack缓存产生的‘Serializing big strings impacts deserialization performance’警告？

直接屏蔽的可能性 #

Webpack本身没有提供专门的配置项直接关闭这个特定警告——它属于缓存系统内部的性能提示，不在常规可通过stats.warningsFilter过滤的警告范畴里。

通过拦截日志记录器实现屏蔽 #

可以通过自定义Webpack的日志记录器来拦截并过滤这个警告，具体实现如下：

• 利用Webpack的infrastructureLogging.logger配置项，替换默认的日志实例，重写warn方法来过滤目标警告内容。
• 示例配置代码：

module.exports = {
  // 你的其他Webpack配置
  infrastructureLogging: {
    logger: (options) => {
      const defaultLogger = require('webpack/lib/logging/getDefaultLogger')(options);
      return {
        ...defaultLogger,
        warn: (message) => {
          // 仅输出非目标警告的内容
          if (typeof message === 'string' && !message.includes('Serializing big strings impacts deserialization performance')) {
            defaultLogger.warn(message);
          }
        }
      };
    }
  }
};

• 原理说明：这个配置通过包装默认日志记录器，在输出警告前判断消息内容，当消息不包含目标警告文本时才调用默认的警告输出逻辑，从而实现精准屏蔽。

额外建议 #

如果这个警告频繁出现，也可以考虑从根源优化：比如拆分体积过大的模块、避免在缓存中存储超大字符串，从根本上消除这个性能提示的触发条件。

内容的提问来源于stack exchange，提问作者Matt Cowley