更新時(shí)間:2023-08-18 來源:黑馬程序員 瀏覽量:
gulp是用JavaScript 語言編寫的運(yùn)行在Node.js平臺(tái)開發(fā)的前端構(gòu)建工具ogialp是一個(gè)JavaScript程序,并且它的指令使用的也是JavaScript語言,所以gulp通常是前端開發(fā)人員自動(dòng)處理日常任務(wù)的首選工具。
galp可以處理日常工作流產(chǎn)生的任務(wù),例如項(xiàng)目上線時(shí)對(duì)HTML、CSS、JavaScript文件合并、壓縮,或者將ES6語法轉(zhuǎn)換為ES5語法以便代碼在較舊的瀏覽器中運(yùn)行。它允許開發(fā)者將機(jī)械化的操作編寫成任務(wù),在命令行輸入相關(guān)的任務(wù)名稱就能執(zhí)行機(jī)械化操作,從而提高開發(fā)效率。gulp通常包括以下內(nèi)容。
·gulp-cli:啟動(dòng)構(gòu)建工具的命令行接口。
·本地gulp:構(gòu)建時(shí)實(shí)際運(yùn)行的程序。
·gulpfile.js:告訴 gulp 如何構(gòu)建款件的指令文件。
·gulp插件:用于合并、壓縮、修改文件的插件。
在了解gulp的作用后,下面將對(duì)gulp的安裝進(jìn)行詳細(xì)講解。
gulp-cli是glp的命令行工具,它需要全局安裝,以便gp能夠在命令提示符中直接運(yùn)行。
gulp-cli是本地gp的全局入口,負(fù)責(zé)把所有參數(shù)轉(zhuǎn)發(fā)到本地gdlp,以及顯示項(xiàng)目里安裝的本地gulp的版本。全局gp用于啟動(dòng)各個(gè)項(xiàng)目中的本地gp,換句話說,如果在全局安裝了gulp-cli,那么就可以在不同的項(xiàng)目中使用不同的gulp版本。
首先通過 npm 工具下載安裝gap-cli工具,命令如下。
npm instal1 gulp-cli92.3.0 -g
上述代碼中,-g參數(shù)全稱為global,作用是讓mpm全局安裝這個(gè)包,等到安裝完成后,就可以運(yùn)行新命令galp了;@2.3.0表示全局golp-ci的版本。
打開命令行工具,運(yùn)行“gp-”命令,如果gulp-ci安裝成功,則命令行輸出結(jié)果如圖所示。
從圖中可以看出,當(dāng)前系統(tǒng)中成功安裝了gup-cli。gup-ci版本顯示為全局安裝的版本。