grunt-inline将依赖资源嵌入到页面

联合创作 · 2023-09-22 10:07

将页面依赖的js、css、img资源嵌入到页面中去。

举例,如html页面中有如下外部css链接:

<link href="css/style.css?__inline=true" rel="stylesheet" />

运行grunt inline后,会被替换成内联样式。js也类似,而图片则会被转换成对应的base64字符串。

<style>
/* contents of css/style.css */
</style>

官方文档https://www.npmjs.org/package/grunt-inline

浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报