1. 程式人生 > >前端構建工具gulp的詳細介紹以及使用

前端構建工具gulp的詳細介紹以及使用

什麼是 gulp

gulp 是一個前端構建工具,它能通過自動執行常見任務,比如編譯預處理 CSS ,壓縮 JavaScript 和重新整理瀏覽器,來改進網站開發的過程,從而使開發更加快速高效。

為什麼要用 gulp

與 grunt 相比,gulp 無需寫一大堆繁雜的配置引數,API中文 API) 也非常簡單,學習起來很容易,而且 gulp 使用的是 nodejs 中 stream 來讀取和操作資料,其速度更快。
gulp 有龐大的生態圈,且每天都在發展。依靠成千上萬可供選擇的外掛,你可以利用 gulp 自動完成幾乎任何事。

如何使用 gulp

Installing Gulp

新版的 gulp 命令列工具已經改名為 gulp-cli 。
如果你之前安裝了全域性的 gulp 。在使用新的 gulp-cli 之前,執行命令
npm rm --global gulp ,將之前的全域性 gulp 卸掉。

Install the gulp command

npm install --global gulp-cli

Install gulp in your devDependencies

Run this command in your project directory

npm install --save-dev gulp

Create a gulpfile

Create a file called gulpfile.js in your project root with these contents:

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default tash here
});

Test it out

Run the gulp command in your projct directory:

gulp

gulp API

關於 gulp 的超詳細介紹,我已經在我的部落格中寫了一篇文章來詳細的介紹,這裡就不再冗餘了,大家可以參考一下:

—————————(正文完)————————————
一個前端的學習交流群,想進來面基的,可以點選這個logoVue學習交流,或者手動search群號:685486827


寫在最後:約定優於配置——-軟體開發的簡約原則.


——————————–(完)————————————–

微信

更多學習資源請關注我的新浪微博….