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