設定 gulpfile.js 撰寫任務化流程

Step1. 新增 gulpfile.js 檔案

可以手動在專案資料夾內建,也可直接透過下列指令新增

sudo touch gulpfile.js

Step2. 設定 gulpfile.js

建立完後用編輯器打開它,置入下列程式碼

// 載入 package
var gulp = require('gulp');

// 預設 gulp task
gulp.task('default',function() {
    console.log('hi~hi~hi~~~');
});

require( )主要是告訴 Node 從node_modules資料夾裡找套件,並宣告它為某一變數,簡單來說就是所有的套件都是透過require( )來載入,所以想當然而第一件事情就是要載入 gulp 啦~

gulp.task('任務名稱', Fn);是用來告訴 gulp 該做什麼事,任務名稱預設為 default,當然你也可以自訂。

條件用法

gulp.task(name[,deps], fn):定義一個任務名稱,之後執行此工作內容

gulp.watch(glob[,opts, cb]):關注特地檔案是否更動

gulp.src(glob):指定檔案來源

gulp.dest(folder):檔案存檔位置

results matching ""

    No results matching ""