gulp常用的外掛程式

2022-07-23 03:27:10 字數 653 閱讀 7756

首先,來了解下gulp的大概使用流程:

首先通過 gulp.src()  方法獲取到我們想要處理的檔案流,然後把檔案流通過pipe方法匯入到gulp的外掛程式中,最後把經過外掛程式處理後的流再通過pipe方法匯入到 gulp.dest()  中,   gulp.dest()    方法則把流中的內容寫入到檔案中,這裡首先需要弄清楚的一點是,我們給   gulp.dest()    傳入的路徑引數,只能用來指定要生成的檔案的目錄,而不能指定生成檔案的檔名,它生成檔案的檔名使用的是匯入到它的檔案流自身的檔名,所以生成的檔名是由匯入到它的檔案流決定的,即使我們給它傳入乙個帶有檔名的路徑引數,然後它也會把這個檔名當做是目錄名,例如:

var gulp = require('gulp');

gulp.src('script/jquery.js')

.pipe(gulp.dest('dist/foo.js'));

//最終生成的檔案路徑為 dist/foo.js/jquery.js,而不是dist/foo.js

1、gulp-rename 重新命名

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常用外掛程式整理

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 uglify js壓縮 gulp minify css css壓縮 gulp minify html html壓縮 gulp concat 檔案合併 gulp less 編譯less gulp sass 編譯sass gulp imagemin 壓縮 gulp live...