Webpack bundle.js內容

Question

我開始學習webpack,node和react我對一些基本的員工有點困惑。

是否webpack束整個react.js +我的javascript文件到一個輸出文件，這樣部署到生產的時候，我不需要安裝項目中使用的節點包（假設它們添加到webpack.config.js文件）？

如果上面是正確的：

• 在我的服務器我只是需要把從 的WebPack（bundle.js）的index.html +輸出？ （在簡單的情況下）？
• package.json將僅用於開發方？

Answer 1

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

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

2. package.json指定應用程序所依賴的包，除了其他一些東西。在遍歷入口點時，webpack還將包含import/require中指定的包。 package.json的功能是告訴npm安裝這些軟件包。

Answer 2

您只需要index.html和bundle.js（或您提供文件的任何名稱）就可以使應用程序正常工作，前提是您沒有使用任何本地資產。您不需要包含節點模塊。 Package.json應該告訴你應該在你的項目中包含什麼，這樣當你想要上傳你的項目以及其他一些偏差時，你不必包含節點模塊。