我刚刚继承了一个大型React项目。我在React方面经验不足,但是我想在我知道的地方做一些改进。
我们遇到的一个问题是我们的主CSS文件很大,而主要原因之一是background-image
属性中使用的一堆图像已嵌入为Data-URI,尽管它们被设置为相对原始SASS文件中的URL。
这些图像在整个应用程序中使用了多次,因此我们最终得到了一个最终CSS文件,该文件中多次嵌入了相同的图像!
应用程序是使用react-scripts build
构建的,我认为这是罪魁祸首。如here所述:
要减少对服务器的请求数量,请导入用于 小于10,000个字节时,返回数据URI而不是路径。
我不要这个。有什么方法可以禁用此功能吗?该项目未使用Webpack或任何其他构建工具/捆绑软件。我所拥有的只是package.json
中的脚本。