更多gulp常用插件使用請訪問：gulp常用插件匯總 gulp-notify這是一款gulp通知插件。 更多使用文檔請點擊訪問gulp-notify工具官網。 安裝 一鍵安裝不多解釋 使用 例1： 例2： 有關更多輸入，請參見示例，或參見API部分 ...

一、關於報錯情景 　　gulp進入到任務流的時候如果出現錯誤的話，一般來說進程會自動掛掉，要重新啟動任務才能繼續。由此，導致如果任務出錯的話就很麻煩。所以gulp提供了監聽error進行錯誤處理的函數。 二、關於錯誤處理，直接上代碼 三、重點 　　如上所示：gulp提供一個 ...

前面說過，當css，img，js出現刪除操作的時候，雖然watch會監聽，但是並不會刪除相應文件。 現在實現clean任務，執行任務前先刪除一次build目錄。 先配置JS任務，設置刪除目錄。 在系列（四）代碼的基礎上，再進行擴展。 1.安裝gulp ...

gulp初涉 1、什么是gulp？ 　　gulp是前端開發過程中一種基於流的代碼構建工具，是自動化項目的構建利器；它不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用它，不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。 　　gulp ...

前言   好吧，我承認我是為了搞定Sass編譯CSS文件的問題，迷一樣的着手入gulp的坑，sass和gulp的爬坑歷程大概會一起更新。然后感覺這里windows和mac的流程差不多，不過mac的通常在指令前加sudo ，本喵是windows的本本，所以就以windows的流程為例了。 1. ...

系列目錄 前端構建大法 Gulp 系列 (一)：為什么需要前端構建 前端構建大法 Gulp 系列 (二)：為什么選擇gulp 前端構建大法 Gulp 系列 (三)：gulp的4個API 讓你成為gulp專家 前端構建大法 Gulp 系列 (四)：gulp實戰 ...

前端構建大法 Gulp 系列 (一)：為什么需要前端構建 前端構建大法 Gulp 系列 (二)：為什么選擇gulp 前端構建大法 Gulp 系列 (三)：gulp的4個API 讓你成為gulp專家 前端構建大法 Gulp 系列 (四)：gulp實戰 前面講了 ...

本節實現圖片壓縮，在實現壓縮前，先配置images任務，設置源目錄和輸出目錄。 在系列（二）代碼的基礎上，再進行擴展。 1.找到gulp->config.js，對images進行源目錄(src->img)和輸出目錄(build->img)的配置 ...