PostCSS插件和微小的JS脚本(131字节),可在CSS后台使用WebP-JavaScript开发

时间:2024-06-14 18:59:32
【文件属性】:

文件名称:PostCSS插件和微小的JS脚本(131字节),可在CSS后台使用WebP-JavaScript开发

文件大小:136KB

文件格式:ZIP

更新时间:2024-06-14 18:59:32

JavaScript CSS

CSS PostCSS插件中的WebP和微小的JS脚本(128字节),可在CSS背景中使用WebP。 对于Chrome,Firefox和Edge,它将使您的图片缩小25%。 Safari将在CSS PostCSS插件中下载更大的JPEG / PNGima WebP,并在CSS后台使用小型JS脚本(131字节)来使用WebP。 此工具可使Chrome,Firefox和Edge的图片缩小25%。 Safari将下载更大的JPEG / PNG图像。 您将require('webp-in-css / polyfill')添加到JS捆绑包中,并编写CSS,例如:.logo {width:30px; 高度:30px; 背景:url(/logo.png); 脚本将在以下位置设置webp或no-webp类:


【文件预览】:
webp-in-css-main
----polyfill.js(226B)
----package.json(2KB)
----.github()
--------FUNDING.yml(25B)
--------workflows()
----test()
--------polyfill-no-webp.test.js(353B)
--------polyfill-webp.test.js(371B)
--------plugin.test.js(7KB)
----LICENSE(1KB)
----.npmignore(51B)
----.gitignore(40B)
----CHANGELOG.md(653B)
----plugin.js(2KB)
----README.md(4KB)
----yarn.lock(320KB)
----.editorconfig(147B)

网友评论