Question

npm怎么安装某一版本gulp的插件

Answer 1

1．package.json文件部分插件 plugins "dependencies": { "del": "^1.1.1", "gulp": "^3.8.11", "gulp-autoprefixer": "^2.1.0", "gulp-cache": "^0.2.8", "gulp-clean": "^0.3.1", "gulp-concat": "^2.5.2", "gulp-imagemin": "^2.2.1", ... } 2．安装所需的gulp插件 $ npm install 3．gulpfile.js 'use strict'; var gulp = require('gulp'); /*global -$ 加载需使用的gulp插件*/ var $ = require('gulp-load-plugins')(); 配置选项(也可以直接在任务中写相对路径) /* *管理资源文件路径集合 *config.static下 *css scripts images 替换为自己的路径(可按照此配置管理) */ var config = {}; // 源资源文件路径 config['static'] = { styles: 'static/styles/*.*', scripts: 'static/scripts/*.*', images: 'static/images/*.*', html:'static/*.html' }; ... 图片任务流处理方法 /* *images 任务流 */ gulp.task('images', function () { return gulp.src(config['static'].images) .on('error', function (err) { console.error('Error!', err.message); }) .pipe($.imagemin({ distgressive: true, progressive: true, interlaced: true, svgoPlugins: [{removeViewBox: false}], use: [require('imagemin-pngquant')()] })) .pipe(gulp.dest(config['rev'].images)) .pipe($.notify({ message: 'images task complete' })); }); /* *img 添加版本任务流 *use gulp-rev to version the rev files and generate the 'rev-manifest.json' file */ gulp.task('img', ['images'], function(){ return gulp.src(config['rev'].images_file) .pipe($.rev()) .pipe(gulp.dest(config['dist'].images)) .pipe($.rev.manifest({ base: 'dist', merge: true //如果存在 rev-manifest.json文件则合并 })) .pipe(gulp.dest('dist')); });