0

我正在尝试使用 angular2、Firebase 3 SDK 和 angularfire2 构建网页。我最近接触了所有这些框架或 SDK。所以我在理解 systemjs.config、typings.json、tsconfig.json、packages.json 等文件中的所有功能时遇到了一些困难。我想现在我对这些文件有了一些了解,但我没有足够的信心为我的项目配置所有这些。我成功地遵循了 angular2 Tour of Heroes 教程,现在我试图将 angular2 Tour of Heroes 网页转换为我自己的网页。目前我正在尝试使用 Firebase 3.0 sdk 而不是 liteserver 和 in-memory-data.service,所以我决定研究 angularfire2 以更轻松地使用 Firebase。我正在观看几个 youtube 视频(例如第一个2nd ) 关于 angularfire2 并且还在 github 上阅读 angularfire2 的设置指南,我注意到他们在设置项目时都提到了 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 吗?如果是,为什么即使我遵循了官方教程,我还是会丢失这个文件?(第一个链接)

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

PS 我也很乐意接受任何关于 angular2 和 firebase 3.0 sdk 的建议。

4

2 回答 2

3

我没有评论您的答案的声誉,但我认为 angular-cli-build.js 不再使用,因为 Angular-CLI 使用的是 WebPack 而不是 Broccoli。(我对此也很陌生,本周初刚开始学习 Angular-CLI)

于 2017-02-01T12:31:43.220 回答
1

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

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

今天的网站正在演变成网络应用程序:

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

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

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

因此,如果您想将 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 文件。

于 2016-08-09T06:20:48.117 回答