【文件属性】:
文件名称:gulp-srcset:高度可定制的插件,用于生成响应图像
文件大小:180KB
文件格式:ZIP
更新时间:2021-05-24 12:17:00
picture srcset responsive-images JavaScript
gulp-srcset
高度可定制的插件,用于生成响应图像。
:shooting_star:
使用优化图像 :clamp:
将图像转换为 :camera_with_flash:
安装
npm i -D gulp-srcset
# or
yarn add -D gulp-srcset
用法
import srcset from 'gulp-srcset' ;
gulp . task ( 'images' , ( ) =>
gulp . src ( 'src/*.{jpg,png}' )
. pipe ( srcset ( [ {
match : '(min-width: 3000px)' ,
width : [ 1920 , 1280 , 1024 , 860 , 540 , 320 ] ,
format : [ 'jpg' , 'webp' ]
【文件预览】:
gulp-srcset-master
----.clean-publish(30B)
----.gitignore(631B)
----.babelrc(208B)
----jest.config.json(313B)
----.eslintrc(59B)
----package.json(1KB)
----src()
--------index.js(72B)
----.travis.yml(80B)
----LICENSE(1KB)
----CHANGELOG.md(1KB)
----.huskyrc(75B)
----rollup.config.js(625B)
----.browserslistrc(40B)
----README.md(3KB)
----.yo-rc.json(493B)
----.lintstagedrc(71B)
----.size-limit(74B)
----.trigenscriptsrc(173B)
----.editorconfig(265B)
----yarn.lock(457KB)