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