Question

我正在尝试使用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上阅读了角度火焰2的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吗？如果是的话，为什么我错过了这个文件，即使我已经按照官方教程？（第一个链接）

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

P.S。考虑到angular2和firebase 3.0 sdk，我也很乐意接受任何建议。

Answer 1

我没有对您的答案发表评论的声誉，但我认为由于Angular-CLI使用的是WebPack而不是Broccoli，因此angular-cli-build.js已不再使用。（我对这一点还很陌生，只是在本周开始时选择了Angular-CLI）

Answer 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文件。

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

2 个答案: