内联图像和字体在CSS中

编辑该页面

内联图像和字体在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许可证。
ob娱乐下载Symfony 6.2支持通过苏禄人
ob娱乐下载Symfony 6.2支持通过Les-Tilleuls.coop