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

Question

我一直在使用我自己的手动解决方案（在 Webpack 之外）获取 SVG 文件的文件夹，提取 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，它应该可以工作。