一、開始

使用gulp，需知道4個API：

　　gulp.task():用來定義任務,

　　　　　　　　　 格式：gulp.task(name[, deps], fn)

　　　　　　　　 ? ?name?為任務名

　　　　　　　　 ? ?deps?是當前定義的任務需要依賴的其他任務，為一個數組。當前定義的任務會在所有依賴的任務執行完畢后才開始執行。如果沒有依賴，則可省略這個參數
　　　　　　　　 ? ?fn?為任務函數，我們把任務要執行的代碼都寫在里面。該參數也是可選的。

　　gulp.src()：用來讀取文件,

　　　　　　　 ?　格式：gulp.src(globs[, options])，

　　　　　　　　 ?globs ?參數是文件匹配模式(類似正則表達式)，用來匹配文件路徑(包括文件名)，當然這里也可以直接指定某個具體的文件路徑。當有多個匹配模式時，該參數可以為一個數組。
　　　　　　　　 ?options ?為可選參數。通常情況下我們不需要用到。

　　gulp.dest()：用來寫文件的：,

　　　　　　　　　格式：gulp.dest(path[,options])

　　　　　　　　　path ?為寫入文件的路徑
　　　　　　　　　options ?為一個可選的參數對象，通常我們不需要用到

　　gulp.watch()：用來監視文件的變化，當文件發生變化后，我們可以利用它來執行相應的任務，例如文件壓縮等,

　　　　　　　　　 ? 格式：gulp.watch(glob[, opts], tasks)

　　　　　　　　 ?　?glob? 為要監視的文件匹配模式，規則和用法與gulp.src()方法中的glob相同。
　　　　　　　　　 ? opts??為一個可選的配置對象，通常不需要用到
　　　　　　　　 ? 　tasks? 為文件變化后要執行的任務，為一個數組

?

二、實例

　　需要先安裝gulp

　npm install -g gulp

　　手動建立一個gulpfile.js文件，作為入口，

　　初始化，引入gulp　　

npm init; npm install --save-dev gulp;

　　然后在gulpfile.js寫入

var gulp = require('gulp');var plugins = require('gulp-load-plugins')();var src = {js: 'js/*.js',html: './*.html',css: 'css/*css',img: 'img/**' }var buildGulp = {// html 打包buildHtml: () => {gulp.src(src.html).pipe(plugins.minifyHtml()).pipe(gulp.dest('./dist'));},// css 打包buildCss: () => {gulp.src(src.css).pipe(plugins.minifyCss()).pipe(gulp.dest('dist/css'));},// js 打包buildJs: () => {gulp.src(src.img).pipe(plugins.imagemin()).pipe(gulp.dest('dist/img'));},// img打包buildImg: () => {gulp.src(src.js).pipe(plugins.uglify()).pipe(gulp.dest('dist/js'));}, };gulp.task('default',function(){gulp.start('build') });gulp.task('build', function(){for ( var i in buildGulp){buildGulp[i]();} });

我們用gulp-uglify壓縮js, gulp-minify-css壓縮css, gulp-minify-html壓縮html，gulp-imagemin壓縮圖片

為避免在文件頭部引入依賴時過去冗長，引入gulp-load-plugins來從package.json中引入依賴，通過調用實例中的方法來加載依賴，加載方式為按需加載

?

最后執行gulp，會從名稱為default的task開始執行，打包文件，輸出的文件由gulp.dest設置在dist目錄下

轉載于:https://www.cnblogs.com/lastnigtic/p/6974961.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的gulp基础使用方法记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。