Webpack bundle.js内容

Question

我开始学习webpack，node和react，我对一些基本员工感到有点困惑。

webpack将整个react.js +我的javascript文件捆绑到一个输出文件中，因此在部署到生产环境时，我不需要安装节点包项目（假设它们被添加到 webpack.config.js 文件中）？

如果以上是正确的：

• 在我的服务器上，我只需要输入 index.html +输出 webpack（ bundle.js ）？ （在简单的场景中）？
• package.json将仅用于开发方？

Answer 1

只要您没有使用任何本地资产，您只需要index.html和bundle.js（或您提供文件的任何名称）才能使应用正常运行。您不需要包含节点模块。 Package.json应该告诉你在项目中包含什么，这样你就不必在每次上传你的项目时都包含节点模块以及其他几个decalarations。

Answer 2

Webpack的工作方式是指定一个或多个entry点和一个或多个输出文件。然后，Webpack读取入口点，并以递归方式遍历import / require语句。然后它生成包含所有遍历文件的最终包文件。

1. 是的，Webpack输出bundle.js文件中的所有内容。您可以配置多个输出包。因此，您只需要HTML和输出包来部署应用程序。

2. package.json指定了应用所依赖的软件包，除了其他几个方面。遍历入口点时，webpack还将包含import / require中指定的包。 package.json的功能是告诉npm安装这些包。