javascript - Webpack - 将应用程序部署到不同的环境

标签 javascript reactjs webpack hapi.js

我正在接近一个阶段,我需要能够将应用程序部署到不同的环境(QA、暂存和生产)。

在我这样做之前: - 我有三台服务器(QA、Staging 和 Production)。 - 我远程连接到服务器 - 在该实例上安装了 gitbash 并指向适当的 GIT 分支 - 我只是拉代码 - 运行应用程序 这对于我所做的 Backbone 和 Sails 项目非常有效。

现在在这个项目中,我使用 React 和 Hapi,本质上是相同的逻辑。 让我想到的是 webpack。我最终使用了 webpack,它看起来非常强大。我想使用 Webpack 来完成此任务。

我查阅了在线资源和文档,但没有找到我理解的答案。

是否可以让 webpack 自动上传代码并将其部署到我选择的环境中?

我是否应该继续使用我的老方法,即: - 连接到服务器 - 拉取代码 - 在服务器上运行“npm run webpack”

或者有更现代的方式来做这些事情?

最佳答案

做某事最方便的方法。 - 始终是您计算机上的单个命令行。有很多适用于各种操作系统的工具。可能有人在这里列出了所有可能性。但我不认为 webpack 是其中之一 - webpack 只是一个模块构建器。就我个人而言,我喜欢 git-deployments 和 webhooks。它的工作原理如下:

我们将提交推送到一个分支,例如发布,然后 github-bitbucket-gitlab 通知我们的 IIS 或 Azure 后端 Kudu安装,关于更改。该工具会自动提取新的提交并运行部署脚本。在部署脚本中,您将拥有 npm run webpack。仅此而已。

关于javascript - Webpack - 将应用程序部署到不同的环境,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36079885/

相关文章:

javascript - D3 一次为一个路径系列制作动画

javascript - Python 将 JavascriptSerializer 转换为日期时间?

javascript - Chart.js 不显示动态填充的数据

javascript - 如何将 Chosen 合并到我的 React 项目中?

javascript - React.js 粘性导航不起作用

javascript - Gatsby 插件 : How Can I Take a Component as a Plug-In Option?

node.js - 使用动态导入时组件为 'undefined'

javascript - google map 中的小家伙扔掉后如何快速回到最近的点?

javascript - webpack 未加载我的字体文件

javascript - React 中的从右到左 (RTL) 支持