原文:gulp入坑系列(3)——創建多個gulp.task

繼續gulp的爬坑路,在准備get更多gulp的具體操作之前,先來明確一下在gulp中創建和使用多個task任務的情況。 gulp所要做的操作都寫在gulp.task 中,系統有一個默認的default任務,如下: vargulp require gulp gulp自身 gulp.task default , task , task ,function 將你的默認的任務代碼放在這 console. ...

2016-12-15 17:01 0 2425 推薦指數:

查看詳情

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系列(2)——初試JS代碼合並與壓縮

在上一篇里成功安裝了gulp到項目中,現在來測試一下gulp的合並與壓縮功能 gulp系列(1)——安裝gulp(傳送門):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的項目中寫入,在根目錄新建js文件夾,並在文件夾中新 ...

Tue Dec 13 02:22:00 CST 2016 1 6445
使用Gulp和Browserify創建多個綁定文件

Browserify是一個Javascript的綁定工具,幫助我們理順module之間的依賴關系。Gulp用來優化workflow。兩者的共同點都是使用流,但在使用流方面也有不同之處: Browserify只要接受文件內容即可 Gulp不但接受文件內容,還需要接受源文件信息 ...

Sat May 14 20:21:00 CST 2016 0 3322
gulp-clean----gulp系列(五)

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

Fri Jun 19 00:28:00 CST 2015 2 16242
什么是gulp

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

Sat Apr 16 07:38:00 CST 2016 1 1726
前端構建大法 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
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM