設定 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):檔案存檔位置