Webpack dev服务器刷新循环疯狂

时间:2018-04-12 23:22:27

标签: reactjs webpack webpack-dev-server create-react-app

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

1 个答案:

答案 0 :(得分:1)

这听起来像是#25的已知问题,试试这个webpack插件webpack-mild-compile,它应该有用。