1. 程式人生 > >gulp是用來幹什麽的?(概念)

gulp是用來幹什麽的?(概念)

blank 頭部 ins get keyword pro lin 分鐘 校驗

當我們在使用gulp的時候,gulp到底用來幹什麽呢?

  1. 編譯 sass
  2. 合並優化壓縮 css
  3. 校驗壓縮 js
  4. 優化圖片
  5. 添加文件指紋(md5)
  6. 組件化頭部底部(include html)
  7. 實時自動刷新…

總之,gulp是前端開發過程中對代碼進行自動化構建的利器。它不僅能對資源進行優化,而且在開發過程中能夠通過配置自動完成很多重復的任務,讓我們可以專註於代碼,提高工作效率。

然而由於眾所周知的原因,國內到 npm 服務器的連接很不穩定,如果你有V了個PN大可不必擔心,也可通過設置 npm 代理服務器的方式訪問:

// 設置代理
npm config set proxy="http://127.0.0.1:1080
" // 刪除代理 npm config delete proxy

推薦一個簡單的方案:使用淘寶 npm 鏡像

“這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。” —— 淘寶團隊點贊

npm config set registry="https://registry.npm.taobao.org"
npm config set disturl https://npm.taobao.org/dist

如上設置完npm淘寶鏡像的話,之後的命令使用還是使用的npm而不是現編的使用cnpm來代替npm

當然你也可以執行如下的命令:

npm install cnpm -g --registry=https://registry.npm.taobao.org

直接使用cnpm代替npm裏操作!

初步準備工作準備完畢,接下來 gulp 教程了:參考上一篇隨筆

gulp是用來幹什麽的?(概念)