在前端开发中，我们经常需要将我们的代码部署到生产环境。这是一个重要的步骤，因为我们的代码将在这里与真实的用户交互。在这个过程中，我们需要用到一些工具来帮助我们自动化这个部署过程。其中之一，是 npm 包 ember-cli-deploy-generic-build。
ember-cli-deploy-generic-build 是一个 Ember.js 应用程序的插件，支持前端应用程序的部署。它提供了一个轻松的方式来创建和部署静态生成的构建。通过使用它，您可以快速轻松地将您的 Ember.js 应用程序部署到生产环境。本文将详细介绍如何使用这个包进行应用程序的部署。
什么是 ember-cli-deploy-generic-build？
ember-cli-deploy-generic-build 提供了一个通用的构建插件，可帮助您生成具有一定标准配置的应用程序的所有必要文件。它允许您使用 Ember CLI 来构建和打包您的应用程序，并将其发布到指定的服务器上。 它将您的 Ember.js 应用程序构建为一个标准的静态 HTML 网站，可以轻松地部署到各种 Web 服务器或内容分发网络（CDN）上。
安装 ember-cli-deploy-generic-build
在使用 ember-cli-deploy-generic-build 之前，您需要确定您是否在您的计算机上安装了 Node.js 和 Ember CLI。如果您还没有安装它们，请先执行以下命令：
$ sudo apt-get install nodejs $ sudo npm install -g ember-cli
完成安装后，请检查您的环境是否可以正确访问 Node.js 和 Ember CLI：
$ node -v v8.12.0 $ ember -v ember-cli: 3.4.3 node: 8.12.0 os: linux x64
现在，您可以通过以下命令安装 ember-cli-deploy-generic-build：
$ npm install --save-dev ember-cli-deploy-generic-build
使用 ember-cli-deploy-generic-build
在安装完成之后，我们可以使用命令 ember deploy 来部署应用程序。 在执行 ember deploy 命令之前，您需要准备好以下两项内容：
- 您的部署目标服务器的 IP 地址或域名。
- 您的临时构建存储库目录（发布前）和构建输出目录（发布后）。
可以通过在 config/deploy.js 中进行配置来提供这些选项。修改此文件时，您需要对其进行以下更改：
-- -------------------- ---- -------
-------------- - -
------ ---
-- --------- ---- --- -- - -----
-------- -
-- ----- -- -----
----- --------------
-- --- ------------
--------- -------
-- ---------
---------- -----------------------------
-- --------
--------- ------------------
--
-- --------- ---- --- -------
----------- -
-- ----- -- -----
----- --------------
-- --- ------------
--------- -------
-- ---------
---------- ---------------------
-- --------
--------- ------------------
-
--在此示例中，我们配置了两个目标 - staging 和 production，对应应用程序的不同部署环境。其中，remoteDir 是您的构建输出目录，localDir 是您替换的临时构建存储库目录。完成配置后，您可以使用以下命令进行部署：
$ ember deploy production
这将构建和打包您的应用程序，并将其推送到指定的服务器和目录。
Ember CLI 命令选项
下表列出了一些可用于 Ember CLI 命令的开关，您可以使用这些选项来定制命令的行为。
| 选项 | 描述 |
|---|---|
| --environment / -e <environment> | 指定要构建的应用程序环境。它可以是“development”、“production”或其他自定义环境名称（需通过配置文件定义）。 |
| --output-path / -op <path> | 输出应用程序构建的目录（默认为“dist/”）。 |
| --watcher / -w <watcher> | 指定 Ember CLI 监视器的类型。它可以是“events”、“polling”或“websocket”。其中，“events”使用监听器 API，“polling”使用轮询，并且“websocket”使用 WebSocket 连接。 |
| --live-reload-port / -lrp <port> | 指定实时重新加载服务器使用的端口号。 |
| --live-reload-host / -lrh <host> | 指定实时重新加载服务器使用的主机名。 |
实例示例代码
打包命令
ember deploy
安装依赖包命令
npm install --save-dev ember-cli-deploy-generic-build
配置文件
-- -------------------- ---- -------
-------------- - ---------------------- -
--- --- - -
------ ---
-------- -
----- --------------
--------- -------
---------- -------------------------------
--------- ------------------
--
----------- -
----- --------------
--------- -------
---------- -----------------------
--------- ------------------
-
--
-- ------------- --- ---------- -
--------------------- - ----------
-
-- ------------- --- ------------- -
--------------------- - -------------
-
------ ----
--结论
ember-cli-deploy-generic-build 提供了一个简单而有效的方式来管理 Ember.js 应用程序的构建和部署。 它帮助确保生产环境上部署的应用程序与您的开发环境完全一致。 通过使用它，您可以消除在部署应用程序时出现的冗长而烦琐的步骤，更快地将应用程序部署到生产中。希望此篇文章有助于您理解 ember-cli-deploy-generic-build 的工作方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556cf81e8991b448d3a44