Gulp

Gulp是基于nodejs的,所以要先安裝nodejs。

之后進(jìn)入項(xiàng)目,安裝gulp:npm install -g gulp//全局

用npm init來(lái)創(chuàng)建一個(gè)package.json

然后npm install —-save-dev gulp將gulp安裝到本地項(xiàng)目

安裝依賴:npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev


通過(guò)Gulp的插件可以實(shí)現(xiàn)前端代碼的編譯(sass、less)、壓縮、測(cè)試;圖片的壓縮;瀏覽器自動(dòng)刷新。

Grunt的插件就像獨(dú)立的工廠,這個(gè)工廠生成出來(lái)的產(chǎn)品打包封裝好后再送到另一個(gè)工廠去加工,使用了Gulp后實(shí)現(xiàn)了工廠的合并,所有東西都在一個(gè)工廠里完成了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無(wú)需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    依依玖玥閱讀 3,304評(píng)論 7 55
  • 1、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,491評(píng)論 1 11
  • 前言 本文默認(rèn)你已經(jīng)安裝好node環(huán)境,并且熟悉node命令,和window cd命令。 gulp簡(jiǎn)介 基于nod...
    9I閱讀 2,041評(píng)論 4 50
  • 安裝Gulp首先需要安裝Node.js,并在控制臺(tái)輸入$ npm install gulp -gMac端需要寫成$...
    LaBaby_閱讀 1,023評(píng)論 0 1
  • 前言 眾所周知目前比較火的工具就是gulp和webpack,但webpack和gulp卻有所不同,本人兩者的底層研...
    cduyzh閱讀 1,445評(píng)論 0 13

友情鏈接更多精彩內(nèi)容