Webpack的bundle.js内容

我开始学习webpacknode ,并react ,我对一些基本的工作人员有点困惑。

webpack是否webpack整个react.js +我的JavaScript文件捆绑到一个输出文件中,所以当部署到生产环境时,我不需要安装项目中使用的节点包 (假设它们被添加到webpack.config.js文件中)?

如果以上是正确的:

  • 在我的服务器上,我只需要放置webpack( bundle.js )的index.html +输出? (在简单的情况下)?
  • package.json将只用于开发方面?

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

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

  2. package.json指定了应用程序所依赖的包,除此之外还有其他一些东西。 在遍历入口点时,webpack还将包含import / require中指定的包。 package.json的function是告诉npm安装这些软件包。

您只需要index.html和bundle.js(或您提供文件的任何名称)来使应用程序正常工作,前提是您不使用任何本地资产。 您不需要包含节点模块。 Package.json应该告诉你什么包含在你的项目中,这样你就不需要包含节点模块,只要你想上传你的项目以及其他一些decalarations。