Webpack 开发服务器刷新循环疯狂

Question

我一直在使用自己的手动解决方案（Webpack 之外）获取 SVG 文件的文件夹，提取 <svg></svg> 之间的内容，构建 JSON 文件，然后使用它注入 React组件，这样我就可以输出特定的图标，更好地控制周围的属性。

我遇到了https://github.com/gilesa/svg-to-json-webpack-plugin，它实际上对我做了很多相同的事情，太棒了！但是当尝试将它与create-react-app 一起使用时发生了一些奇怪的事情，我怀疑是 Webpack 开发服务器。每当我尝试导入生成的.json 文件时，开发服务器都会在浏览器中不断刷新。

我在创建https://github.com/gilesa/svg-to-json-webpack-plugin/issues/1 的问题中更详细地介绍了一些细节，但我尝试准确调试导致无限循环的原因并没有成功。 Webpack 插件 API 非常棒，所以我在此过程中学到了一些东西，但到目前为止还没有骰子。

理想情况下，如果那是导致观察者再次启动的原因，我希望 Webpack 忽略该特定文件。可能是因为它正在寻找更改的同一 src 目录中创建文件？感谢您在正确方向上的任何帮助！

Answer 1

这听起来像是 #25 的已知问题，试试这个 webpack 插件 webpack-mild-compile，它应该可以工作。