gulp常用方法

2021-08-22 11:52:11 字數 916 閱讀 3706

gulp常用方法有以下幾種:

gulp.src()入口檔案路徑

gulp模組的src方法。用於產生資料流,它的引數表示所要處理的檔案,一般有以下幾種:

此處的js也可換成css、img等檔案。

gulp.dest()用來寫入檔案

gulp模組的dest方法,可以用來傳遞檔案,同時寫入檔案到指定目錄。可以重複的傳送傳遞給它的資料,因此可以將檔案輸出到多個目錄。

gulp.src('src/js/*.js')

.pipe(gulp.dest('build/js/'))

gulp.task()用來定義具體任務

gulp模組的task方法,用於定義具體的任務。它的第乙個引數是任務名,第二個引數是任務函式,在控制台可以通過gulp 任務名 執行某種操作。

gulp.task('js',function () ))

.pipe(gulp.dest('./build/js/'))

.pipe(reload())

});

gulp.run()用來執行任務

gulp模組的run方法,表示要執行的任務。可能會使用單個引數的形式傳遞多個任務。

ps:任務是盡可能多的並行執行,並且可能不會按照指定的順序執行。

gulp.watch()用來監視檔案變化

gulp模組的watch方法,用於指定需要監聽的檔案,一旦發生變化就會執行指定任務,第乙個引數是指定的檔案,第二個引數是任務名或任務方法。

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

gulp常用外掛程式及方法

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

gulp常用外掛程式

本人就職於一家網際網路小公司,根據自己的專案紀錄一下常用的gulp外掛程式,專案不是很大!文章目錄 1.gulp load plugins 2.yargs 3.del 4.gulp filter 5.gulp header 6.run sequence 7.gulp uglify 8.gulp mi...

gulp常用配置

由於專案中經常會使用到gulp,而每次配置大概都差不多,所以將配置記錄一下 dist assets css images js node modules src assets css echarts js odometer 外掛程式等 less images js gulp 自動化任務 var gu...