gulp外掛程式學習01

2021-10-05 19:33:29 字數 1554 閱讀 9334

1.安裝和使用

2.部分外掛程式簡介

3.部分實現**

const gulp = require('gulp');

const htmlmin = require('gulp-htmlmin');

const fileinclude = require('gulp-file-include');

const less = require('gulp-less');

const csso = require('gulp-csso');

const babel = require('gulp-babel');

const uglify = require('gulp-uglify');

gulp.task("first",()=>);

gulp.task("htmlmin",()=>))

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

})gulp.task('cssmin',()=>)

gulp.task('jsmin',()=>)

).pipe(uglify())

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

})gulp.task('copy',()=>)

// gulp.task('default',['first','htmlmin','cssmin','jsmin','copy']) 報錯 task function must be specified

gulp.task('default',gulp.parallel('first','htmlmin','cssmin','jsmin','copy'));
4.報錯解決分析gulp 3 與 gulp 4 版本區別:

在gulp 4.+ 中提供了 gulp.series 和 gulp.garallel   gulp 4.+ => gulp.task 只有兩個引數

> gulp.series:按照順序執行

> gulp.parallel:同時(並行)執行計算

你的任務是否在這些前置依賴的任務完成之前執行了?請一定要確保你所依賴的任務列表中的任務都使用了正確的非同步執行方式:使用乙個 callback,或者返回乙個 promise 或 stream。

按照官網的說辭,有以下三種 非同步任務支援

接收乙個 callback

gulp.task('one',(callback)=>);

gulp.task('default',gulp.series('one',()=>));

返回乙個 stream

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

返回乙個 promise

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

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

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...