问题描述
我有一些由 3rd 方软件 (Adobe Animate) 生成的脚本文件。在构建我的项目之前,我需要处理这些文件,以便我的应用程序可以正常使用它们。
其中一项修改是向脚本文件添加 import
语句。
我怎样才能最好地利用 webpack 为我做这件事?我使用 webpack 5。
- 我想让这个预处理成为 webpack 构建管道的一部分(而不是创建一个单独的监视或 CLI 调用来处理每次被 3rd 方软件修改的文件)。
- 我希望它在监视模式下以及在执行完整运行/构建时工作。
- 我更愿意在内存中操作源代码,而不是修改磁盘上的文件(这样就没有以后必须丢弃的更改)。
到目前为止的想法和发现
装载机
为此我尝试使用自定义 webpack 加载器。这是行不通的,因为导入的模块没有在构建中结束。显然,webpack 没有“接收”import 语句。我的猜测是依赖树在执行加载器的时候就已经构建好了,因此没有及时看到导入。
有没有办法让加载程序在编译过程的较早点执行?也许是pitching loader?还是使用this.addDependency
?
插件
如果我使用插件,最好的钩子是什么?理想情况下,我的插件可以只专注于实际的预处理,不需要很多文件系统的东西来应用文件模式、读/写文件等,无论如何,webpack 在某个时候已经完成了。
任何帮助将不胜感激!
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)