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

Webpack dev server refresh loop madness

我一直在使用自己的手动解决方案(在 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 目录中创建文件?感谢您在正确方向上的任何帮助!

这听起来像是 #25, try this webpack plugin webpack-mild-compile 的一个已知问题,它应该有效。