入門gulp前端構建工具

2022-09-13 16:54:10 字數 556 閱讀 5882

1. 全域性安裝 gulp:(倘若之前電腦安裝過,則跳過此步驟)

$ cnpm install -g gulp

2. 作為專案的開發依賴(devdependencies)安裝:

(此步驟會自動在目錄下建立package.json檔案,因此無需cnpm init;)

$ cnpm install --s**e-dev gulp

3. 在專案根目錄下建立乙個名為gulpfile.js的檔案:

var gulp = require('gulp');

gulp.task('default', function

() );

4. 執行 gulp:

$ gulp

預設的名為 default 的任務(task)將會被執行,在這裡,這個任務並未做任何事情。

想要單獨執行特定的任務(task),請輸入gulp

下篇隨筆將會對gulp的使用做具體介紹!

前端構建工具gulp安裝教程

首先先問自己乙個問題 平時用sass less寫css,用jade寫 html 那麼這些檔案的的測試 檢查 合併 壓縮 格式化 部署,監聽。應該怎麼完成呢?就來壓縮合併來講,可以減少多個css,js檔案請求,優化網頁效能,這樣的工作是否應該有乙個很好的解決方案呢?答案就是gulp。安裝gulp如下幾...

gulp前端自動化構建工具

gulp是基於node.js的乙個構建工具 自動任務執行器 開發者可以使用它自動化工作流程。一些常見的 重複的任務,例如 網頁自動重新整理 css預處理 檢測 壓縮 等,只需要簡單的命令就能全部完成。使用它可以簡化工作,提高開發效率。gulp優點 簡潔 gulp側重 優於配置 最直觀的感受,更為簡單...

前端構建工具gulp的使用教程集合

基礎教程 常用外掛程式 系列教程 細節注意 revcollector 路徑替換 詳細介紹 revcollector 路徑替換 預設只首次替換成功 gulp.spritesmith 精靈圖 gulp file include 模板復用功能 npm 映象 以下是我常用的外掛程式package.json ...