“ react-scripts”构建将一些图像作为data-uri嵌入到CSS中

时间:2019-03-12 11:56:50

标签: css reactjs optimization npm sass

我刚刚继承了一个大型React项目。我在React方面经验不足,但是我想在我知道的地方做一些改进。

我们遇到的一个问题是我们的主CSS文件很大,而主要原因之一是background-image属性中使用的一堆图像已嵌入为Data-URI,尽管它们被设置为相对原始SASS文件中的URL。

这些图像在整个应用程序中使用了多次,因此我们最终得到了一个最终CSS文件,该文件中多次嵌入了相同的图像!

应用程序是使用react-scripts build构建的,我认为这是罪魁祸首。如here所述:

  

要减少对服务器的请求数量,请导入用于   小于10,000个字节时,返回数据URI而不是路径。

我不要这个。有什么方法可以禁用此功能吗?该项目未使用Webpack或任何其他构建工具/捆绑软件。我所拥有的只是package.json中的脚本。

0 个答案:

没有答案