第2章 2.4 捕獲錯誤和問題
阿新 • • 發佈:2022-04-11
熟悉一個新專案一般都是如下步驟:
git clone xxx
npm install
npm run dev
或者
git clone xxx
yarn
yarn start
yarn是什麼?
yarn是由Facebook、Google、Exponent 和 Tilde 聯合推出了一個新的 JS 包管理工具,yarn是為了彌補 npm 的一些缺陷而出現的
npm的缺陷:
npm install的時候巨慢,新的專案拉下來要等半天
同一個專案,安裝的時候無法保持一致性。由於package.json檔案中依賴包版本號的特點,有時會由於安裝版本不一致出現bug
安裝的時候,包會在同一時間下載和安裝,中途某個時候,一個包丟擲了一個錯誤,但是npm會繼續下載和安裝包。因為npm會把所有的日誌輸出到終端中,有關錯誤包的錯誤資訊就會在一大堆npm列印的警告中丟失掉,並且你甚至永遠不會注意到實際發生的錯誤
yarn的優點:
速度快:
- 並行安裝:npm是按照佇列執行每一個包,也就是必須等到當前包安裝完成之後才能繼續後面的安裝。而yarn是並行執行所有任務,提高了效能
- 離線模式:如果之前已經安裝過一個軟體包,用yarn再次安裝時會從快取中獲取,就不用像npm那樣再從網路下載了
安裝版本統一:
為了防止拉取到不同的版本,yarn有一個鎖定檔案(lock file)記錄了被確切安裝上的模組的版本號。每次只要新增了一個模組,yarn就會建立(或更新)yarn.lock 這個檔案。這麼做就保證了每一次拉取同一個專案依賴時,使用的都是一樣的模組版本。npm其實也有辦法實現處處使用相同版本的包,但需要開發者執行 npm shrinkwrap 命令。
更簡潔的輸出:
npm的輸出資訊比較冗長,執行 npm install xxx 時命令列裡會不斷地打印出所有被安裝上的依賴。相比之下,yarn簡潔太多,預設情況下直觀且直接地打印出必要的資訊,也提供了一些命令供開發者查詢額外的安裝資訊
多註冊來源處理:
所有的依賴包不管它被不同的庫間接關聯引用多少次,安裝這個包時,只會從一個註冊來源去裝,要麼是npm要麼是bower,防止出現混亂不一致
更好的語義化:
yarn改變了一些npm命令的名稱,比如 yarn add/remove
npm和yarn命令對比
npm | yarn |
---|---|
npm init | yarn init |
npm init -y | yarn init -y |
npm install | yarn |
npm install xxx | yarn add xxx |
npm install --global xxx | yarn global add xxx |
npm uninstall xxx | yarn remove xxx |
npm install xxx@版本號 | yarn add xxx@版本號 |
npm install xxx --save | yarn add xxx |
npm install xxx --save-dev | yarn add xxx --dev |
npm update --save | yarn upgrade |
npm run | yarn run |
npm run xxx | yarn run xxx |
npm run dev | yarn dev |
yarn安裝
npm install -g yarn
//檢視版本
yarn --version