如何在生产中部署 js？答案

【问题标题】：How to deploy js in production?如何在生产中部署 js？
【发布时间】：2019-11-22 14:46:22
【问题描述】：

我是 React js 初学者，所以我想澄清一些事情。

第一季度。在生产中使用 React 的唯一方法是使用 webpack-dev-serve ？

第二季度。如果您使用 webpack-dev-server 我应该创建多个 API 来处理多个功能作为另一个服务或微服务？

第三季度。您应该学习 node js 以进行进一步的开发吗？还是有webpack的知识就够了？

提前谢谢你！

【问题讨论】：

1.不！ Webpack 的开发服务器就是这样——一个开发服务器，它允许你获得诸如热重载等特性来改善你的 DX。当您部署到生产环境时，您使用 Webpack 将代码构建到客户端捆绑包中（字面意思是 Webpack 的意思，package your code for the web）。然后在您自己的网络服务器上提供该捆绑包和 HTML/CSS。
3.这取决于您将使用 Node.js 的目的。 Node.js 最初用于服务器端 JavaScript，但现在被前端库用于其生态系统和包管理器。如果您正在寻找编写服务器端应用程序，Node.js 是执行此操作的运行时。

【解决方案1】：

对 1. 的回答是否定的，它不是为了提供生产代码。

2 和 3 的答案：部署 React 应用程序的方法有很多种，对您来说正确的答案是......这取决于。其中一些不需要您学习节点（或任何设置服务器的东西）。 React 文档实际上提供了很多开始的方式： https://facebook.github.io/create-react-app/docs/deployment#github-pages-https-pagesgithubcom

如果你有一个轻量级页面，我会推荐 Github pages 或类似的东西： https://github.com/gitname/react-gh-pages

作为参考，这是我为编码面试构建的一个 React 项目： https://github.com/pink-cupcakes/connect-four

但是，如果您使用已编译的 bundle.js 部署一个项目，您实际上只需打开您的 index.html，它就会运行您所有的 React 优点。那么你的问题就变成了——你如何部署服务器，有很多选择：Heroku、Azure/AWS。

【讨论】：

【解决方案2】：

这是一篇非常好的文章，描述了您需要了解的有关 Webpack for bundling you React app 的几乎所有内容。

由于您已经创建了应用程序，您可以向下滚动到文章中所需的软件包安装部分。

【讨论】：