gulp常用外掛程式

2022-01-16 10:46:47 字數 1418 閱讀 8834

本人就職於一家網際網路小公司,根據自己的專案紀錄一下常用的gulp外掛程式,專案不是很大!

文章目錄

1. gulp-load-plugins

2. yargs

3. del

4. gulp-filter

5. gulp-header

6. run-sequence

7. gulp-uglify

8. gulp-minify-html

9. npm-check-updates

10. 待完善……

此外掛程式的功能主要搭配package.json檔案中宣告的依賴使用。 自動載入package.json中宣告的gulp-或gulp.開頭的外掛程式

不必這樣:12

34var gulp = require('gulp'),

jshint = require('gulp-jshint'),

uglify = require('gulp-uglify'),

concat = require('gulp-concat');

只需這樣:12

3456

789var gulp = require('gulp'),

$ = require('gulp-load-plugins')();

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

node中處理命令列引數,把引數序列化成 json 物件

自行看文件,不解釋

篩選匹配到的檔案,類似於中介軟體,自行看文件

這個非常有用,可以在檔案中新增頭部注釋,包含任意想要的資訊,通常就是文字更新時間、作者、描述、版本號、license等,比如:12

3456

78910

1112

1314

1516

1718

1920

2122

2324

2526

function getheader () );

}gulp.task("uglify", function()

})).pipe(getheader())

.pipe(gulp.dest("./js/build/min/"));

});同步按順序執行gulp的task任務,親測,類似的外掛程式都是坑,不好用(可能我是用方式不對。。。),望**官網api

解決同步執行方法,用makefile檔案,執行命令

demo:12

34build:

gulp clean

gulp browserify

gulp uglify

不解釋這款外掛程式棒棒噠,主要用來更新package.json的依賴,時間長了,node會公升級,專案依賴版本也會公升級,用這個是個很不錯的主意。

gulp常用外掛程式整理

1.gulp sass sass編譯 3.gulp autoprefixer 新增css3字首 4.gulp clean css 壓縮css 5.gulp include 檔案包含 6.gulp concat 檔案合併 7.del 檔案刪除 8.gulp uglify 壓縮js 9.gulp.spr...

gulp常用的外掛程式

首先,來了解下gulp的大概使用流程 首先通過 gulp.src 方法獲取到我們想要處理的檔案流,然後把檔案流通過pipe方法匯入到gulp的外掛程式中,最後把經過外掛程式處理後的流再通過pipe方法匯入到 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...