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

Question

我一直在使用自己的手动解决方案(在 Webpack 之外)来获取 SVG 文件的文件夹，提取 <svg></svg> 之间的内容。 ，构建一个 JSON 文件，然后使用它注入(inject)到 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 ，它应该可以工作。