Webpack4迁5自定义插件：processAssets替换assets修改失效问题

你的processAssets回调不生效，核心是两个错误：

1. 钩子注册时机错误：processAssets是compilation密封阶段的资产处理钩子，执行时机远早于compiler.hooks.emit。你在emit钩子里才去注册processAssets回调，此时该钩子的所有阶段早已执行完毕，注册的回调永远不会被触发。
2. API传参错误：compilation.emitAsset的第二个参数要求传入Webpack的Source实例，你直接传入字符串不符合接口规范，就算时机对了也会抛错。

你需要把processAssets的注册逻辑提前到compiler.hooks.compilation阶段，在compilation实例创建时就完成钩子绑定，同时使用正确的API传参：

const { RawSource } = require('webpack'); // Webpack内置类，无需额外安装

class WriteHashesPlugin {
  constructor(options) {
    this.filename = options.filename;
  }
  apply(compiler) {
    // compilation创建时就注册资产处理钩子，不要延后到emit阶段
    compiler.hooks.compilation.tap('WriteHashesPlugin', (compilation) => {
      compilation.hooks.processAssets.tap(
        {
          name: 'WriteHashesPlugin',
          // 选择ADDITIONAL阶段：所有原生资产的hash已计算完成，适合新增自定义输出文件
          stage: compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
          additionalAssets: true
        },
        () => {
          const lines = [];
          // 原有收集chunk hash的逻辑无需改动
          compilation.chunks.forEach(chunk => {
            lines.push(`__${chunk.name}_hash__ = '${chunk.renderedHash}'`);
          });
          const content = lines.join('\n');
          // 用RawSource包装字符串内容，调用emitAsset输出目标文件
          compilation.emitAsset(
            this.filename,
            new RawSource(content)
          );
        }
      );
    });
  }
}

module.exports = WriteHashesPlugin;

• compiler.hooks.emit确实不适合修改资产：Webpack5中emit是资产即将写入磁盘的阶段，此时compilation的资产集合已经冻结，所有资产增删改操作都必须放在processAssets对应阶段完成，否则就会触发你看到的弃用警告。
• compilation.emitAsset是该场景的正确API：你之前调用失败纯粹是注册时机和传参错误导致的，和API本身无关。注意不要用PROCESS_ASSETS_STAGE_ADDITIONS阶段，该阶段用于修改现有资产内容，不适合新增独立文件。
• 不需要换完全不同的实现方案：你原有的业务逻辑（收集chunkhash写入py文件供Flask读取）完全合理，只需要按照Webpack5的钩子规范调整写法即可，没有必要重构业务逻辑。
• 其他可选的hash暴露方式：如果你不想维护自定义插件，也可以直接用webpack-manifest-plugin生成资源映射json文件，Flask端读取该json做资源路径映射即可，和你当前写py文件的方案本质没有区别，选择业务维护成本更低的方案就行。

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