如何使用Create React App将SVG捆绑为内联数据URI

时间:2018-11-01 19:06:27

标签: css svg sass create-react-app data-uri

我遇到一种情况,托管我的应用程序的服务器无法正确处理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中弹出?

0 个答案:

没有答案