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