【文件属性】:
文件名称:gulp响应:gulp响应生成不同大小的图像
文件大小:43KB
文件格式:ZIP
更新时间:2021-02-03 16:46:48
gulp responsive sharp responsive-images GulpJavaScript
生成不同尺寸的图像
安装
gulp-responsive取决于。 Sharp是用于调整JPEG,PNG,WebP和TIFF图像大小的最快的Node.js模块之一。
如果您使用的是Mac OS,则在安装 gulp-responsive之前,应先安装库。 进一步的信息和说明可以在。
$ npm install --save-dev gulp-responsive
用法
var gulp = require ( 'gulp' )
var responsive = require ( 'gulp-responsive' )
gulp . task ( 'default' , function ( ) {
return gulp
. src ( 'src/*.{png,jpg}' )
. pipe (
responsive ( {
'background-*.jpg' : {
width : 700 ,
quality : 50
} ,
'cover.png' : {
【文件预览】:
gulp-responsive-master
----.gitignore(72B)
----README.md(10KB)
----test()
--------format.js(2KB)
--------fixtures()
--------size.js(1KB)
--------helpers.js(742B)
--------extract.js(947B)
--------config.js(12KB)
--------test.js(6KB)
--------errors.js(4KB)
----History.md(3KB)
----examples()
--------multiple-resolutions.md(2KB)
--------gulp-responsive-config.md(2KB)
--------README.md(369B)
--------srcset.md(2KB)
--------simple.md(2KB)
--------advanced.md(2KB)
--------picture.md(4KB)
--------image-set.md(1KB)
----LICENSE(1KB)
----.gitattributes(12B)
----package.json(1KB)
----jsconfig.json(114B)
----.npmignore(41B)
----.travis.yml(498B)
----.editorconfig(414B)
----lib()
--------format.js(370B)
--------sharp.js(5KB)
--------size.js(621B)
--------index.js(4KB)
--------config.js(2KB)