前端構建工具gulp的詳細介紹以及使用
阿新 • • 發佈:2019-02-05
什麼是 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 的超詳細介紹,我已經在我的部落格中寫了一篇文章來詳細的介紹,這裡就不再冗餘了,大家可以參考一下:
—————————(正文完)————————————
一個前端的學習交流群,想進來面基的,可以點選這個logo,或者手動search群號:685486827
寫在最後:約定優於配置——-軟體開發的簡約原則.
——————————–(完)————————————–
更多學習資源請關注我的新浪微博….