如何在 webpack 构建依赖树之前对文件进行预处理?

问题描述

我有一些由 3rd 方软件 (Adobe Animate) 生成的脚本文件。在构建我的项目之前,我需要处理这些文件,以便我的应用程序可以正常使用它们。
其中一项修改是向脚本文件添加 import 语句。

我怎样才能最好地利用 webpack 为我做这件事?我使用 webpack 5。

  • 我想让这个预处理成为 webpack 构建管道的一部分(而不是创建一个单独的监视或 CLI 调用来处理每次被 3rd 方软件修改文件)。
  • 我希望它在监视模式下以及在执行完整运行/构建时工作。
  • 我更愿意在内存中操作源代码,而不是修改磁盘上的文件(这样就没有以后必须丢弃的更改)。

到目前为止的想法和发现

装载机

为此我尝试使用自定义 webpack 加载器。这是行不通的,因为导入的模块没有在构建中结束。显然,webpack 没有“接收”import 语句。我的猜测是依赖树在执行加载器的时候就已经构建好了,因此没有及时看到导入。
有没有办法让加载程序在编译过程的较早点执行?也许是pitching loader?还是使用this.addDependency

插件

如果我使用插件,最好的钩子是什么?理想情况下,我的插件可以只专注于实际的预处理,不需要很多文件系统的东西来应用文件模式、读/写文件等,无论如何,webpack 在某个时候已经完成了。

任何帮助将不胜感激!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)