devDependencies 會影響包的大小嗎？

Question

我仔細看了看，找不到這個問題的直接答案。

我添加為devDependencies的包實際上最終會出現在生產包 JS 文件中並因此影響其大小嗎？ 或者它只是進入捆綁包的dependencies ？

Answer 1

不，它不會影響您的包大小，因為這些包僅在開發模式下使用。 讓我們舉一個像typescript這樣的示例包

devDependencies: {
  "typescript": "~3.2.5"
}

所以我只需要打字稿編譯器，就在開發模式下進行 linting。 而且我實際上並沒有在我的項目中導入打字稿，因為它僅用於開發模式。 因此，如果您正在使用 webpack 並且您沒有在項目 webpack 中的任何位置導入 typescript，您是否會通過搖樹來消除生產構建不需要的代碼，這樣 bundle 就不會受到影響。

Answer 2

答案並不像看起來那么容易。 這里是澄清： https : //github.com/webpack/webpack/issues/520#issuecomment-174011824

並在此處添加相關片段：

webpack 構建的瀏覽器應用程序沒有運行時節點依賴項，因此所有前端依賴項都應列為 devDependencies。 依賴與 devDependencies 命名約定歷史上源於 node 作為服務器端包管理器，它被濫用到前端包管理器中，這就是為什么這些字段在應用於前端開發時具有違反直覺的名稱，這也是每個項目的原因曾經犯過這個錯誤。 據我所知，在依賴項下列出前端依賴項是無害的，但這是錯誤的。

我希望這回答了你的問題。