内联图像和字体在CSS中
编辑该页面警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 5.2,不再维护。
读这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。
内联图像和字体在CSS中
一个简单的技术来提高web应用程序的性能是减少HTTP请求的数量内联小文件的base64编码的url生成的CSS文件。
你可以启用这个webpack.config.js对图像、字体或两个:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
/ / webpack.config.js/ /……再来一个/ /…….configureImageRule ({/ /告诉Webpack应该考虑内联类型:“资产”,/ /最大尺寸:4 * 1024 / / 4 kb -默认是8 kb.configureFontRule ({})类型:“资产”,/ /最大尺寸:4 * 1024});这种利用Webpack资产模块。你可以阅读更多关于这个和配置。
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。
