gulp响应:gulp响应生成不同大小的图像

时间:2024-02-24 10:33:28
【文件属性】:

文件名称:gulp响应:gulp响应生成不同大小的图像

文件大小:43KB

文件格式:ZIP

更新时间:2024-02-24 10:33:28

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)

网友评论