gulp的方法介紹

2021-09-11 23:11:51 字數 520 閱讀 3776

gulp借鑑了unix作業系統的管道(pipe)思想,前一級的輸出,直接變成後一級的輸入,gulp.src返回當前檔案流至可用外掛程式

1.gulp.src()

要編譯的檔案的路徑,採用的是絕對路徑

gulp.src("css/*.less") //指定原始檔路徑 *全部
2.gulp.task(name[, deps], fn)

定義乙個任務

deps:

乙個包含任務列表的陣列,這些任務會在你當前任務執行之前完成。

gulp.task("lessc",function () )
3.gulp.dest()

輸出路徑(絕對路徑)

gulp.dest("dist")
4.gulp.watch()

監聽檔案的變動自動編譯

gulp.watch("js/*.js", ['minjs'])

Gulp及其外掛程式介紹

gulp是乙個前端的自動化構建工具,可以完成對前端資源的壓縮 合併 格式化以及版本管理,也可以監聽前端資源的變化去做一些自動化的構建工作 gulp也是乙個基於nodejs的自動任務執行器,所以使用gulp的時候要有一套node的環境,這裡對node的安裝就不再贅述了。結合社群裡好多優秀的gulp外掛...

gulp常用方法

gulp常用方法有以下幾種 gulp.src 入口檔案路徑 gulp模組的src方法。用於產生資料流,它的引數表示所要處理的檔案,一般有以下幾種 此處的js也可換成css img等檔案。gulp.dest 用來寫入檔案 gulp模組的dest方法,可以用來傳遞檔案,同時寫入檔案到指定目錄。可以重複的...

gulp常用外掛程式及方法

常用的幾個外掛程式 gulp uglify js壓縮 gulp minify css css壓縮 gulp minify html html壓縮 gulp concat 檔案合併 gulp less 編譯less gulp sass 編譯sass gulp imagemin 壓縮 gulp live...