ember-cli-deploy-build 是一个用于基于 Ember.js 的应用构建的 npm 包，在项目中使用此包可以帮助我们自动构建和打包应用，并生成相应的构建输出。
本文将详细介绍如何使用 ember-cli-deploy-build，如何配置并生成应用构建输出，以及如何使用该构建输出进行应用的部署和发布。
安装与配置
首先，我们需要在项目中安装 ember-cli-deploy-build 的依赖包，可以使用如下命令进行安装：
npm install ember-cli ember-cli-deploy ember-cli-deploy-build --save-dev
安装完成后，我们需要进行一些配置，以让 ember-cli-deploy-build 执行正确的构建流程。我们可以在项目根目录创建一个名为 deploy.js 的文件，该文件用于存放部署配置信息，具体代码如下：
-- -------------------- ---- ------- -- --------- -- -------------- - ---------------------- - --- --- - --- -- ------------- --- ------------- - --------------------- - ------------- ------------------ - ---------------------------------------------------------- ------------------ - ---------------- ---------------------- - -------------------- ------------- - ----------- ------------- - ----------- - ------ ---- --展开代码
在以上代码中，我们可以看到配置了如下内容：
build.environment：指定构建环境，这里指定为production；s3.filePatter：指定静态资源的匹配规则；s3.accessKeyId和s3.secretAccessKey：在 AWS S3 上创建的 IAM 用户的访问密钥和密钥；s3.bucket：指定部署的 S3 存储桶名称；s3.region：指定 S3 存储桶所在区域。
以上配置信息根据具体需求填写即可。
运行构建命令
配置完成后，我们可以使用如下命令进行应用构建：
ember deploy production在构建完成之后，会在项目根目录下生成一个名为 dist 的目录，该目录中包含应用的打包构建输出。我们可以直接使用该目录作为应用的部署源码。
部署与发布
部署时，我们通常使用 AWS S3 存储静态资源，并通过 AWS CloudFront 部署 CDN，以提高应用的访问速度和稳定性。
我们可以通过 AWS CLI 工具，或者 S3 的控制台管理工具进行静态资源的部署。
发布时，我们需要首先在 CND 控制台进行 CDN 的创建和配置，之后再将部署源码上传到 S3 存储桶，并将 S3 存储桶与 CDN 进行关联即可完成应用的发布。
示例代码
以下是一个完整的 ember-cli-deploy-build 配置与使用示例，可供参考：
-- -------------------- ---- ------- -- --------- -- -------------- - ---------------------- - --- --- - --- -- ------------- --- ------------- - --------------------- - ------------- ------------------ - ---------------------------------------------------------- ------------------ - ---------------- ---------------------- - -------------------- ------------- - ----------- ------------- - ----------- - ------ ---- --展开代码
-- -------------------- ---- ------- -- ------------ -- - ------- --------------- ---------- -------- --------------- - ------------ -------- -- ------------------ - ------------------- -------- ------------------------- ------- - -展开代码
-- -------------------- ---- ------- - ---- ----- ------ ---------- - ------ --- -- ---- ------ -------------- -------- -------- -------- - -- --- --- - - - -- -- ---- --- - -展开代码
总结
ember-cli-deploy-build 是一款基于 Ember.js 应用构建的 npm 包，在前端开发中的应用非常广泛。通过本文的介绍，我们可以了解到如何使用 ember-cli-deploy-build 进行应用的构建、部署和发布，同时也可以根据自身需求进行相关快速配置。希望此文能对您的学习和实践有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59794
