本文是gulp的入門級介紹，主要內容包括什么是gulp，gulp與grunt有什么區別，gulp可以解決grunt存在的哪些問題，以及一個簡單的說明例子。 什么是gulp gulp的官方定義非常簡潔：基於文件流的構建系統。這里強調了 streaming，也就是gulp與grunt的在構建流程 ...

一、gulp中的圖片壓縮。 　　最初使用gulp-imagemin做測試。明明配置沒問題，但是壓縮的時候就會報錯，具體原因在哪兒沒找到，有可能是因為插件版本或者node版本的問題。於是改用第二個插件：gulp-tinypng-nokey 二、關於各個插件的對比 　　1、需要的插件包：npm ...

壓縮 css 代碼可降低 css 文件大小，提高頁面打開速度。 規律轉換為 gulp 代碼 找到 css/ 目錄下的所有 css 文件，壓縮它們，將壓縮后的文件存放在 dist/css/ 目錄下。 gulp 代碼 一、安裝 gulp-minify-css 模塊 提示：你需要 ...

Gulp簡介 Gulp.js 是一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。Gulp.js是基於 Node.js構建的,利用Node.js流的威力,你可以快速構建項目。 安裝Gulp 1、全局安裝Gulp: 2、作為項目的開發依賴 ...

gulp 是基於 node 實現 Web 前端自動化開發的工具，利用它能夠極大的提高開發效率。 在 Web 前端開發工作中有很多“重復工作”，比如壓縮CSS/JS文件。而這些工作都是有規律的。找到這些規律，並編寫 gulp 配置代碼,讓 gulp 自動執行這些“重復工作”。 使用 ...

壓縮圖片代碼可降低圖片文件大小，提高頁面打開速度。 規律轉換為 gulp 代碼 找到 images/ 目錄下的所有image文件，壓縮它們，將壓縮后的文件存放在 dist/images/ 目錄下。 gulp 代碼 一、安裝gulp-imagemin 模塊 提示：你需要使用命令行的 cd ...

之前挖了個坑，准備寫篇gulp插件編寫入門的科普文，之后遲遲沒有動筆，因為不知道該腫么講清楚Stream這貨，畢竟，gulp插件的實現不像grunt插件的實現那么直觀。 好吧，於是決定單刀直入了。文中插件示例可在這里找到：https://github.com/chyingp ...

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