【问题标题】:Webpack bundle.js contentWebpack bundle.js 内容
【发布时间】:2018-01-01 23:43:43
【问题描述】:
我开始学习webpack、node和react,我对一些基本的工作人员有点困惑。
webpack 是否将整个 react.js + 我的 javascript 文件捆绑到一个输出文件中,因此在部署到生产时我不需要安装项目中使用的 节点包(假设它们是添加到 webpack.config.js 文件)?
如果上面是对的:
- 在我的服务器上,我只需要放置 index.html + 输出
webpack(bundle.js)? (在简单的场景中)?
- package.json 只会在开发端使用?
【问题讨论】:
标签:
node.js
reactjs
npm
webpack
【解决方案1】:
只要不使用任何本地资源,您只需要 index.html 和 bundle.js(或您为该文件指定的任何名称)即可使应用程序运行。您不需要包含节点模块。 Package.json 应该告诉你在你的项目中包含什么,这样当你想要上传你的项目以及其他一些声明时,你就不必包含节点模块。
【解决方案2】:
Webpack 的工作方式是指定一个或多个 entry 点和一个或多个输出文件。 Webpack 然后读取入口点并递归遍历 import / require 语句。然后它会生成包含所有遍历文件的最终捆绑文件。
是的,Webpack 输出 bundle.js 文件中的所有内容。您可以配置多个输出包。因此,您只需要 HTML 和输出包来部署应用程序。
package.json 指定了应用程序所依赖的包,除了一些其他的东西。在遍历入口点时,webpack 还将包含 import / require 中指定的包。 package.json 的作用是告诉 npm 安装那些包。