gulp是用來幹什麽的?(概念)
阿新 • • 發佈:2017-05-17
blank 頭部 ins get keyword pro lin 分鐘 校驗
當我們在使用gulp的時候,gulp到底用來幹什麽呢?
- 編譯 sass
- 合並優化壓縮 css
- 校驗壓縮 js
- 優化圖片
- 添加文件指紋(md5)
- 組件化頭部底部(include html)
- 實時自動刷新…
總之,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是用來幹什麽的?(概念)