我一直在使用自己编写的解决方案(不是Webpack)来提取一个包含多个SVG文件的文件夹中的内容,构建JSON文件,然后将其注入到React组件中,以便我可以更好地控制周围的属性并输出特定的图标。
我发现https://github.com/gilesa/svg-to-json-webpack-plugin也可以为我完成大部分工作,这很棒!但是当我尝试在create-react-app
中使用它时,与Webpack dev服务器发生了一些奇怪的事情。每当我尝试导入生成的.json
文件时,dev服务器就会在浏览器中不断刷新。
我在创建的问题中详细介绍了一些情况https://github.com/gilesa/svg-to-json-webpack-plugin/issues/1,但我的调试尝试并没有成功找出是什么原因导致了无限循环。Webpack插件API非常好用,所以我已经学到了一些知识,但目前还没有解决这个问题。
理想情况下,如果这正是导致观察程序再次启动的原因,我希望Webpack可以忽略特定的文件。可能是因为它在同一个src
目录中创建了一个文件,因此正在寻找更改?感谢任何指导!