乙個小demo，了解glup大致結構

2021-09-24 07:18:57 字數 861 閱讀 4232

先看下示例**

var gulp = require('gulp'); 


gulp.task('mytask',function


())gulp.task('default', ['mytask']);


複製**
首先先把gulp用require載入進來，default是預設執行的任務。後面的 [ ] 是你上面已經定義的任務。

var gulp = require('gulp'), concat = require('gulp-concat');


gulp.task('testconcat', function


() ))


.pipe(rename('allauto.css')) 


.pipe(minifycss()) //壓縮 


.pipe(rename('all.min.css')) //重新命名 


});複製**
上面的例子對css的檔案進行了多處處理。其實pipe（）就是執行的方法。注意不要把兩個步驟分開在兩個task之中，這樣第二個task無法讀取到剛剛生成的檔案的。

最後是watch

//監聽檔案變化 


gulp.task('watch',function


());


複製**
這裡的watch格式大概是這樣的gulp.watch(' ',[ ]); 第乙個引數是檔案的路徑，監聽檔案變化，第二個是執行的方法，就是你上面已經定義過的task任務。

gulp.task('default',['concat-css','watch']);


複製**

通過乙個demo了解Redux

todolist小demo 效果展示 專案位址 回到頂部 單向 資料流 資料流是我們的行為與響應的抽象 使用資料流能幫我們明確了行為對應的響應，這和react的狀態可 的思想是不謀而合的。常見的資料流框架有flux reflux redux。相比其它資料流框架，redux輕量 壓縮後只有2k 而且在...

通過乙個demo了解Redux

todolist小demo 效果展示 專案位址 單向 資料流 資料流是我們的行為與響應的抽象 使用資料流能幫我們明確了行為對應的響應，這和react的狀態可 的思想是不謀而合的。常見的資料流框架有flux reflux redux。相比其它資料流框架，redux輕量 壓縮後只有2k 而且在乙個rea...

通過乙個demo了解Redux

todolist小demo 效果展示 專案位址 單向 資料流 資料流是我們的行為與響應的抽象 使用資料流能幫我們明確了行為對應的響應，這和react的狀態可 的思想是不謀而合的。常見的資料流框架有flux reflux redux。相比其它資料流框架，redux輕量 壓縮後只有2k 而且在乙個rea...