Webpack bundle.js內容

Question

我開始學習webpack ， node並react ，我對一些基本人員感到有些困惑。

webpack是否webpack整個react.js +我的javascript文件捆綁到一個輸出文件中，所以在部署到生產環境中時，我不需要安裝項目中使用的節點包 （假設它們已添加到webpack.config.js文件中）？

如果以上正確：

• 在我的服務器上，我只需要放置index.html + webpack的輸出（ bundle.js ）？ （在簡單的情況下）？
• package.json僅用於開發方面嗎？

Answer 1

您只要使用index.html和bundle.js（或提供文件的任何名稱）即可使應用程序正常運行，前提是您不使用任何本地資產。 您不需要包括節點模塊。 Package.json應該告訴您項目中要包含的內容，這樣，無論何時要上載項目以及其他一些小貼士，都不必包含節點模塊。

Answer 2

Webpack的工作方式是指定一個或多個entry點和一個或多個輸出文件。 然后，Webpack讀取入口點，並遞歸地遍歷import / require語句。 然后，它生成包含所有遍歷文件的最終捆綁文件。

1. 是的，Webpack會輸出bundle.js文件中的所有內容。 您可以配置多個輸出包。 因此，您只需要HTML和輸出包即可部署該應用程序。

2. package.json指定應用程序所依賴的軟件包，除了其他幾件事之外。 在遍歷入口點時，webpack還將包括導入/要求中指定的軟件包。 package.json的功能是告訴npm安裝那些軟件包。