原文:gulp-clean----gulp系列(五)

前面說過,當css,img,js出現刪除操作的時候,雖然watch會監聽,但是並不會刪除相應文件。 現在實現clean任務,執行任務前先刪除一次build目錄。 先配置JS任務,設置刪除目錄。 在系列 四 代碼的基礎上,再進行擴展。 .安裝gulp clean: .找到gulp gt config.js,配置clean: .gulp gt tasks里新建clean任務: .同時在default任 ...

2015-06-18 16:28 2 16242 推薦指數:

查看詳情

什么是gulp

gulp初涉 1、什么是gulp?   gulp是前端開發過程中一種基於流的代碼構建工具,是自動化項目的構建利器;它不僅能對網站資源進行優化,而且在開發過程中很多重復的任務能夠使用正確的工具自動完成;使用它,不僅可以很愉快的編寫代碼,而且大大提高我們的工作效率。   gulp ...

Sat Apr 16 07:38:00 CST 2016 1 1726
gulp入坑系列(1)——安裝gulp

前言   好吧,我承認我是為了搞定Sass編譯CSS文件的問題,迷一樣的着手入gulp的坑,sass和gulp的爬坑歷程大概會一起更新。然后感覺這里windows和mac的流程差不多,不過mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程為例了。 1. ...

Mon Dec 12 00:13:00 CST 2016 0 1613
前端構建大法 Gulp 系列 (二):為什么選擇gulp

系列目錄 前端構建大法 Gulp 系列 (一):為什么需要前端構建 前端構建大法 Gulp 系列 (二):為什么選擇gulp 前端構建大法 Gulp 系列 (三):gulp的4個API 讓你成為gulp專家 前端構建大法 Gulp 系列 (四):gulp實戰 ...

Sun Jan 03 17:36:00 CST 2016 10 8821
前端構建大法 Gulp 系列 (四):gulp實戰

前端構建大法 Gulp 系列 (一):為什么需要前端構建 前端構建大法 Gulp 系列 (二):為什么選擇gulp 前端構建大法 Gulp 系列 (三):gulp的4個API 讓你成為gulp專家 前端構建大法 Gulp 系列 (四):gulp實戰 前面講了 ...

Wed Jan 06 17:41:00 CST 2016 5 9825
gulp-imagemin圖片壓縮----gulp系列(三)

本節實現圖片壓縮,在實現壓縮前,先配置images任務,設置源目錄和輸出目錄。 在系列(二)代碼的基礎上,再進行擴展。 1.找到gulp->config.js,對images進行源目錄(src->img)和輸出目錄(build->img)的配置 ...

Wed Jun 10 23:52:00 CST 2015 0 3033
gulp-notify處理報錯----gulp系列(二)

上一節,以less為例,入門了gulp,並為任務結構做了抽離。 前端們,gulp該用起來了,簡單的demo入門——gulp系列(一) 本節學習下gulp-notify,官方這樣解釋的: gulp-notify : gulp plugin to send messages ...

Fri Jun 05 01:38:00 CST 2015 0 3792
gulp-uglify《JS壓縮》----gulp系列(四)

本節實現JS壓縮,在實現壓縮前,先配置JS任務,設置源目錄和輸出目錄。 在系列(三)代碼的基礎上,再進行擴展。 1.找到gulp->config.js,對JS進行源目錄(src->img)和輸出目錄(build->img)的配置: 2.gulp ...

Fri Jun 12 19:14:00 CST 2015 4 3872
gulp系列文章一 fis vs grunt vs gulp,為什么要是gulp呢?

gulp是最近火起來的前端構建工具,大有趕超grunt之勢,它和grunt這種構建工具比較像。 grunt是寫一個Gruntfile.js來寫配置代碼,gulp則是寫一個gulpfile.js來寫配置代碼。然后通過命令grunt或者gulp來構建項目, 前端現在三足鼎立的構建工具(不算比較 ...

Fri Jul 03 04:44:00 CST 2015 2 4875
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM