为什么我缺少 angular-cli-build.js？我必须使用它吗？答案

【问题标题】：Why am I missing angular-cli-build.js? Do I have to use it?为什么我缺少 angular-cli-build.js？我必须使用它吗？
【发布时间】：2017-02-01 20:31:43
【问题描述】：

我正在尝试使用 angular2、Firebase 3 SDK 和 angularfire2 构建网页。我最近接触了所有这些框架或 SDK。所以我在理解 systemjs.config、typings.json、tsconfig.json、packages.json 等文件中的所有功能时遇到了一些困难。我想现在我对这些文件有了一些了解，但我没有足够的信心为我的项目配置所有这些。我成功地关注了 angular2 Tour of Heroes tutorial，现在我试图将 angular2 Tour of Heroes 网页转换为我自己的网页。目前我正在尝试使用 Firebase 3.0 sdk 而不是 liteserver 和 in-memory-data.service，所以我决定研究 angularfire2 以更轻松地使用 Firebase。我正在观看几个关于 angularfire2 的 youtube 视频（例如 1st 和 2nd），并且还在 github 上阅读 angularfire2 的 setup guide，我注意到他们在设置时都提到了 angular-cli-build.js 文件他们的项目。我浏览了我的文件，但在这里找不到。我的文件结构是这样的

project
|-app
| |-html
| | |-.
| | |-all html files(templates)
| | |-.
| |-js
| | |-.
| | |-all js and map files(generated by typescript)
| | |-.
| |-css
| | |-.
| | |-all css files for templates
| | |-.
| |-.
| |-all ts files
| |-.
|-node_modules
|-typings
|-gitignore
|-index.html
|-package.json
|-README.json
|-styles.css
|-systemjs.config.js
|-tsconfig.js
|-typings.js

我的问题是我应该使用 angular-cli-build 吗？如果是，为什么即使我遵循了官方教程，我还是会丢失这个文件？（第一个链接）

谢谢！如果需要更多信息来回答，我很乐意提供。

附：我也很乐意接受有关 angular2 和 firebase 3.0 sdk 的任何建议。

【问题讨论】：

标签： angular firebase angularfire2

【解决方案1】：

我没有评论您的回答的声誉，但我认为 angular-cli-build.js 不再使用，因为 Angular-CLI 使用的是 WebPack 而不是 Broccoli。（我对此也还很陌生，刚开始在这周开始学习 Angular-CLI）

【讨论】：

我暂时暂停了 Angular 的工作。我现在在大学工作人员工作，一旦我回到它，我一定要检查一下。谢谢评论！

【解决方案2】：

首先我必须记住 CLI 的含义。 CLI 为命令行界面运行。用我的话来说，angular-cli 只是一堆命令，可以帮助您在整个开发过程中进行测试、迁移到生产、生成路由和组件以及组织您的应用程序。 Angular-CLI 适用于 Webpack 而不是 Broccoli，两者都可以帮助您组织代码。

对于使用 Webpack 或其他模块捆绑器的动机，我找到了一个很好的解释。这是来自 Webpack 网页。

今天的网站正在演变成网络应用：

越来越多的 JavaScript 被使用。现代浏览器提供了一个更广泛的接口。更少的整页重新加载 → 更多的代码页面。结果在客户端有很多代码！

需要组织一个庞大的代码库。模块系统提供选项将您的代码库拆分为模块。

阅读完所有这些后，我决定我也应该尝试 angular-CLI。由于在做出此决定之前我已经创建了一个项目，因此我必须进行更多搜索才能正确配置所有内容。我在github post 上找到了解决方案。

所以如果你想将 angular-cli-build.js（意思是 angular-cli）添加到已经存在的项目中。您应该运行这些命令。

cd yourproject
npm install angular-cli
ng init --source-dir app

通过说 --source-dir 你告诉 angular-cli 在哪里寻找源代码文件。我猜 angular-cli 与 systemjs 集成在一起工作，因为我不必指出我的 js、html、css 文件在哪里，因为我在使用 angular-cli 之前已经在 systemjs 中完成了它。所以你唯一需要指出的是在哪里可以找到你的 TypeScript 文件。

【讨论】：