gulp的使用

1 安装全局

　　$ npm install --global gulp

2 安装局部（官方说明需要同时安装全局和局部）

　　$ npm install --save-dev gulp

3 安装外挂

• 编译Sass (gulp-ruby-sass)
• Autoprefixer (gulp-autoprefixer)
• 缩小化(minify)CSS (gulp-minify-css)
• JSHint (gulp-jshint)
• 拼接 (gulp-concat)
• 丑化(Uglify) (gulp-uglify)
• 图片压缩 (gulp-imagemin)
• 即时重整(LiveReload) (gulp-livereload)
• 清理档案 (gulp-rimraf )
• 图片快取，只有更改过得图片会进行压缩 (gulp-cache)
• 更动通知 (gulp-notify)
• 压缩html  gulp-minify-html
• 重命名 gulp-rename

执行下列指令来安装这些外挂:

$ npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-rimraf gulp-notify gulp-rename gulp-livereload gulp-cache gulp-minify-html gulp-rename --save-dev

 然后可用加载自动化加载插件，这样就不需要在文件中分别require这么多模块了

npm install --save-dev gulp-load-plugins

gulp-load-plugins并不会一开始就加载所有package.json里的gulp插件，而是在我们需要用到某个插件的时候，才去加载那个插件

plugins.rename = require('gulp-rename')，通过添加到plugin的属性饮用文件

 

参考：http://www.zhixing123.cn/computer/gulp.html

　　   http://www.gulpjs.com.cn/docs/api/

　　   http://www.cnblogs.com/2050/p/4198792.html