我遇到一种情况,托管我的应用程序的服务器无法正确处理SVG文件,因此无法更改。我可以使用SVG,只要它们作为数据URI捆绑在CSS中即可。
我们使用ag-Grid并通过导入源SCSS并更改一些变量来自定义“新鲜”主题。回购示例here。
在构建应用程序时,SVG图标文件将捆绑到/build/static/media
文件夹中,如果服务器正确提供了文件,则可以。但是我希望它们直接在CSS中编译为数据URI,以避免文件出现问题。
我当前的解决方法是在构建应用程序之前在单独的脚本中构建CSS。 build-css
脚本确实将SVG编译为数据URI(使用url-loader
),因此我可以导入结果CSS,并且media
作业不会生成build
文件夹。
我希望能够直接导入SCSS并一步一步构建应用程序。有没有一种方法可以将SVG捆绑为内联数据URI,而不会从CRA中弹出?