1.建立一個gulp檔案夾。
2.在該檔案夾中npm init 生成一個package.json檔案。
3.在該檔案夾下 npm install gulp --save-dev,安裝一個gulp包.
4.建立一個gulpfile.js檔案作為主檔案，在該檔案中編寫任務。
此時的目錄結構：
5.在gulpfile.js中注冊我們的任務：
<1>less檔案的編譯，壓縮：
執行後的目錄結構:
styles檔案夾中的app.less檔案：
styles檔案夾中的_demo.less檔案：
壓縮合并後dist/styles/app.css檔案：
<2>js的合并，壓縮，混淆：
src/scripts/demo1.js檔案：
src/scripts/demo2.js檔案：
壓縮過後dist/scripts/all.js檔案：
處理結束後的目錄結構：
<3>.圖檔複制：
操作後的目錄結構：
<4>html檔案處理：
處理之前的src/index.html檔案：
處理後的disc/index.html檔案：
操作後的目錄結構：
<5>監聽頁面變化：發生變化時同步更新。
最後顯示頁面：