Webpack 是否包括所有依賴節點模塊以及為生產創建的包？

Question

我們都知道，當我們點擊 npm run build 時，react 腳本使用 Webpack 並創建一個 bundle 遍歷所有依賴關系圖（跟隨導入）並創建一個 bundle.js 並將其放置在 dist/build 文件夾中，它被使用用於生產。 我最近讀到甚至React 也是一個 devDependency （？），因為一旦創建了包，就不需要在生產中做出反應（基本上不需要 node_modules），因為最終的包是 js 和 css 文件的混合，瀏覽器可以理解. 這是我的問題。

1) 請讓我知道上面關於 React 是一個 devDependency 的說法是否正確？

2）由於我們在安裝節點package時有很多依賴節點模塊。Webpack是否會將所有這些節點模塊也捆綁到最終的bundle.js中？ 如果是這樣，那不是一個非常大的包嗎？ 這是如何運作的？

Answer 1

從技術上講，React 是捆綁應用程序中的開發依賴項，因為除非您還進行服務器端渲染，否則在生產中不需要它。 考慮一種情況，您有一個帶有快速服務器的前端應用程序。 您使用 webpack 捆綁應用程序並將其部署為 static JS/CSS 資產，但您表示服務器不再需要它，因為您沒有進行 SSR。 因此，為了部署服務器，您可以修剪開發依賴性，只保留服務器需要的東西，並使服務器更小。