yarn與npm的區別

在JavaScript開發中，包管理器是不可或缺的工具，而npm和yarn是當前最流行的包管理工具。下面我們將從不同的角度來探究它們之間的區別。

一、yarn和npm的區別

yarn和npm都是JavaScript的包管理工具，它們都有類似的功能，但是在實現上有些許區別。

yarn中的.lock文件

// yarn.lock文件示例:
react@~17.0.1:
  version "17.0.1"
  resolved "https://registry.yarnpkg.com/react/-/react-17.0.1.tgz#5be31cbb7cc8aef10690394cc219caa55f635adb"
  integrity sha512-wNrcNa3TfWLm7i/RQlK1Gq9g201RpUGI80Sq47DblRQXGGQoF6X5z0bz1I4atH7CdVQgk1qADTrYB1hxZ4GfBQ==
  dependencies:
    loose-envify "^1.0.0"
    object-assign "^4.1.1"
    prop-types "^15.7.2"

yarn的一個特別之處是在node_modules文件夾下創建.yarn-integrity文件和.lock文件。這些文件用來記錄安裝的依賴庫的hash值，以及庫的版本等信息。通過這些文件，用戶可以保證安裝包的可重複性和穩定性。

NPM使用package-lock.json文件

 // package-lock.json文件示例:
    "dependencies": {
        "axios": {
          "version": "0.21.1",
          "resolved": "http://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
          "integrity": "sha512-v6vBSCwTgr/73VH9O5JI/1mqtLZaZxYBZ9xhw4+e+gZftjM62VOEhFImmsjZJsJCNLJWduJs+o6tuqr+grX4Q==",
          "requires": {
            "follow-redirects": "^1.10.0"
          }
        },
    }

npm使用package-lock.json文件來記錄安裝時依賴庫的狀態。如果開發者在新機器或其他環境中重新安裝這個項目時，則可以得到相同的版本和包含相同依賴的庫，這有助於整個項目的可移植性。

yarn的性能優化

yarn使用本地緩存來加快安裝速度，當你需要安裝同樣的依賴庫時，yarn會使用本地緩存而不是重新下載。在yarn中，包管理器會在安裝過程中生成Yarn.lock文件，Yarn會依賴這個文件來安裝軟體包，這使得Yarn的安裝速度比npm快很多。

NPM的命令格式

npm使用非常簡單的命令格式，因為大部分開發者在使用依賴庫時，只需要使用npm i package-name就可以自動完成安裝。

> npm install [package_name]> npm run [script-name]> npm start

Yarn使用相同的命令，但是使用起來需要更多的參數和選項,例如使用yarn add package_name來安裝，yarn run script-name來運行腳本。

> yarn add [package_name]> yarn run [script-name]> yarn start

二、yarn與npm的優缺點

yarn的優點

1. 速度快：Yarn會並行下載依賴，這可以加快整個安裝過程。
2. 離線模式：在沒有網路的情況下，可以使用之前下載過的依賴庫來安裝依賴，從而保證了開發的無障礙性。
3. 具有版本控制能力：Yarn會在安裝依賴的時候，自動生成Yarn.lock文件，這有助於確定依賴庫的版本。

yarn的缺點

1. 需要額外的配置：必須在安裝前配置，否則會發生一些錯誤。
2. 不太靈活：yarn不能從多個源獲取包，所以依賴可能會很難找到。

npm的優點

1. 易於使用：NPM是Node.js的默認包管理器，簡單易用。
2. 社區活躍：NPM擁有最大的JavaScript包倉庫，所有的庫都能在NPM中找到。

npm的缺點

1. 性能問題：NPM在大項目中使用時可能導致性能問題。
2. 依賴版本控制不夠嚴格：npm的package.json文件中的版本控制無法精確到每一個依賴庫的版本。

三、yarn和npm的具體區別

安裝依賴項

Yarn的安裝命令為：yarn add [package]，npm的安裝命令為：npm install [package]。

卸載依賴項

Yarn的卸載命令為：yarn remove [package]，npm的卸載命令為：npm uninstall [package]。

更新依賴項

Yarn的更新命令為：yarn upgrade [package]，npm的更新命令為：npm update [package]。

存儲庫URI

Yarn使用的存儲庫URI為：https://registry.yarnpkg.com，而npm使用的存儲庫URI為：https://registry.npmjs.org。

緩存目錄

Yarn的緩存目錄在~/.yarn-cache目錄下，而npm的緩存目錄在~/.npm-cache目錄下。

安裝包的目錄結構

Yarn安裝的包的目錄結構為./node_modules/.bin/[package_name]，而npm的目錄結構為./node_modules/.bin/[package_name]。

四、結論

雖然npm和yarn在使用特點和命令格式上有所不同，但它們都是重要的包管理工具，具有各自的優缺點。選擇哪種包管理器取決於項目的需求以及開發者的偏好。