内联图像和字体在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许可证。