CSS中的内联图像和字体
编辑本页警告:您正在浏览的文档欧宝官网下载appob娱乐下载Symfony 5.3,现已不再维护。
读本页的更新版本用于Syob娱乐下载mfony 6.2(当前稳定版本)。
CSS中的内联图像和字体
一个简单的技术来提高web应用程序的性能是减少HTTP请求的数量内联小文件作为base64编码的url在生成的CSS文件。
您可以在webpack.config.js
对于图像、字体或两者:
12 3 4 5 6 7 8 9 10 11 12 13 14 15 16
/ / webpack.config.js/ /……再来一个/ /…….configureImageRule ({//告诉Webpack应该考虑内联类型:“资产”,//maxSize: 4 * 1024, // 4kb -默认为8kb.configureFontRule ({})类型:“资产”,//maxSize: 4 * 1024});
这就利用了Webpack资产模块.你可以在那里阅读更多关于这个和配置的信息。
此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。