gulp是基於node.js的乙個構建工具（自動任務執行器），開發者可以使用它自動化工作流程。
一些常見的、重複的任務，例如：網頁自動重新整理、css預處理、**檢測、壓縮、等，只需要簡單的命令就能全部完成。使用它可以簡化工作，提高開發效率。
gulp優點：
簡潔：gulp側重「**優於配置」，最直觀的感受，更為簡單和清晰，不需要grunt一樣寫一堆龐大的配置檔案。4個api：高效：gulp基於node streams（流）來構建任務，避免磁碟反覆讀取/寫入。每個任務都是單獨執行，這使得它速度更快、更為純粹。
易學：gulp核心api只有4個，簡潔的api易於上手，學習過程平滑。
注： package.json(此檔案在node_modules\gulp 目錄下)；-dev：將它作為你的專案依賴新增到中devdependencies內。
// 引入gulp
var gulp = require('gulp');
// 引入gulp外掛程式
// 網頁自動重新整理
var livereload = require('gulp-livereload');
// 本地伺服器
var webserver = require('gulp-webserver');
// 註冊任務
gulp.task('webserver',function () ));
});// 監聽任務
gulp.task('watch',function() )；
// 預設任務
gulp.task('default',['webserver','watch']);
posted @
2017-12-01 15:55
newman·li 閱讀(
...)
編輯收藏
Gulp前端自動化構建工具的應用
gulp前端自動化構建工具的應用 1.引言 實際前端開發不再僅僅是靜態頁面的開發了，豐富的前端技術讓前端的 邏輯越來越複雜，模組化開發和各類框架也增加了在生產環境中部署開發環境 的難度，這種情況下，前端自動化構建在前端開發中尤為重要。我們會遇到下面的問題 a.每次修改了html js css等檔案，...
自動化構建工具gulp入門（二）
外掛程式官網 gulp sass 開發環境下書寫 sass 或 less 函式式的書寫自己的樣式是一種很好的開發體驗，但我們最終仍需將sass或less編譯轉化為css檔案引入。gulp sass可以幫助我們完成這部分的工作。npm install gulp sass外掛程式安裝後在gulpfile...
gulp前端自動化構建工具（一） 工具介紹和使用
功能概要 本工具基礎gulp自動化工具構建，可適用於整個前端開發時間線，使用時較簡單，在配置完後輸入自定義命令即可使用本工具。功能如下 開發環節 構建環節 支援命令選擇requriejs amd seajs cmd webpack 模式之一進行js打包 構建時可選擇性構成普通版本或壓縮版本 md5戳...