javascript - 使用 Webpack 转换和保存图片文件

Question

我使用 React 有一段时间了，非常喜欢 webpack 加载器提供的文件监视功能。我也为我的需要编写了一些简单的加载器，但现在我有一些复杂的任务要解决。

好吧，我正在使用自定义 webpack 加载器将项目中的一些二进制文件加载到 React 中，并且它还会生成一些中间数据（图像预览），我想将它们保存到文件中以便与 3rd-party 工具一起使用（例如，图像编辑器）。我希望每次更改源文件时都重新生成此预览图像 - webpack 加载器可以使用文件监视选项来处理这个问题，太棒了！

但我的问题是：这是否是 webpack 的正确任务？或者也许我应该使用另一个基于 js 的工具？我可以这样组织 webpack 加载链，以便由一个加载器生成并保存/更新到磁盘的文件将立即由另一个 webpack 加载器加载？

我在 NET 中找不到这方面的任何示例，所以如果你知道如何做到这一点，请给我一个想法。

谢谢！

PS 所以反应应用应该是这样的

FILESET1 -> webpack-loader1 -> PREVIEW_IMAGE_TO_DISK -> result is accessible as js object in react

PREVIEW_IMAGE_FROM_DISK -> webpack-loader2 -> result accessible as js object in react

我知道 webpack 加载器链接能力，但这都是关于内存中的 js 对象的。我需要文件处理，因为“webpack-loader2”正在处理文件，而不是 js 对象。

pff ..希望这很清楚。

标签： javascriptnode.jsreactjswebpackwebpack-loader