gulp安裝及配置

標籤：

1gulp安裝

安裝gulp，我一般會選擇局部安裝

cmd視窗，cd到你的項目路徑，然後鍵入以下代碼

npm install gulp --save-dev

2選擇gulp組件

前端項目需要的功能：
1、圖片（壓縮圖片支援jpg、png、gif）
2、樣式 （支援sass 同時支援合并、壓縮、重新命名）
3、javascript （檢查、合并、壓縮、重新命名）
4、html （壓縮）
5、用戶端同步重新整理顯示修改
6、構建項目前清除發布環境下的檔案（保持發布環境的清潔）

通過gulp plugins，尋找對於的gulp組件
gulp-imagemin: 壓縮圖片
gulp-ruby-sass: 支援sass
gulp-minify-css: 壓縮css
gulp-jshint: 檢查js
gulp-uglify: 壓縮js
gulp-concat: 合并檔案
gulp-rename: 重新命名檔案
gulp-htmlmin: 壓縮html
gulp-clean: 清空檔案夾
gulp-livereload: 伺服器控制用戶端同步重新整理（需配合chrome外掛程式LiveReload及tiny-lr）

3安裝gulp組件

 

 

參考連結http://www.dbpoo.com/getting-started-with-gulp/

gulp安裝及配置