为什么我缺少 angular-cli-build.js?我必须使用它吗?
Why am I missing angular-cli-build.js? Do I have to use it?
我正在尝试使用 angular2、Firebase 3 SDK 和 angularfire2 构建网页。我最近接触了所有这些框架或 SDK。所以我很难理解 systemjs.config、typings.json、tsconfig.json、packages.json 等文件中的所有函数。我想现在我对这些文件有了一些了解,但我没有足够的信心为我的项目配置所有这些。我在 github 上关注 angular2 Tour of Heroes tutorial successfully and now Im trying to transform that angular2 Tour of Heroes web page to my own web page. Currently I am trying to use Firebase 3.0 sdk instead of liteserver and in-memory-data.service, so I decided to look into angularfire2 to work with Firebase easier. I was watching several youtube videos (for example 1st and 2nd) about angularfire2 and also was reading the setup guide for 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 吗?如果是,为什么我已经按照官方教程进行了操作,但为什么会丢失这个文件? (先link)
谢谢!如果答案需要更多信息,我很乐意提供。
P.S。考虑到 angular2 和 firebase 3.0 sdk,我也很乐意接受任何建议。
首先我得记住CLI的意思。 CLI 运行s 用于命令行界面。用我的话来说,angular-cli 只是一堆命令,可以帮助您在整个开发过程中进行测试、转移到生产环境、生成路由和组件以及组织您的应用程序。 Angular-CLI 在 Webpack 而不是 Broccoli 上运行,两者都可以帮助您组织代码。
我找到了对使用 Webpack 或其他模块打包器的动机的一个很好的解释。这是来自 Webpack 网页。
Today’s websites are evolving into web apps:
More and more JavaScript is being used. Modern browsers are offering a
wider range of interfaces. Fewer full page reloads → even more code in
a page. As a result there is a lot of code on the client side!
A big code base needs to be organized. Module systems offer the option
to split your code base into modules.
阅读所有这些内容后,我决定也应该尝试 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。因此,您唯一需要指明的是在哪里可以找到您的 TypeScript 文件。
我没有资格评论您的回答,但我认为 angular-cli-build.js 不再使用,因为 Angular-CLI 使用 WebPack 而不是 Broccoli。 (我对此也很陌生,只是在本周初开始学习 Angular-CLI)
我正在尝试使用 angular2、Firebase 3 SDK 和 angularfire2 构建网页。我最近接触了所有这些框架或 SDK。所以我很难理解 systemjs.config、typings.json、tsconfig.json、packages.json 等文件中的所有函数。我想现在我对这些文件有了一些了解,但我没有足够的信心为我的项目配置所有这些。我在 github 上关注 angular2 Tour of Heroes tutorial successfully and now Im trying to transform that angular2 Tour of Heroes web page to my own web page. Currently I am trying to use Firebase 3.0 sdk instead of liteserver and in-memory-data.service, so I decided to look into angularfire2 to work with Firebase easier. I was watching several youtube videos (for example 1st and 2nd) about angularfire2 and also was reading the setup guide for 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 吗?如果是,为什么我已经按照官方教程进行了操作,但为什么会丢失这个文件? (先link)
谢谢!如果答案需要更多信息,我很乐意提供。
P.S。考虑到 angular2 和 firebase 3.0 sdk,我也很乐意接受任何建议。
首先我得记住CLI的意思。 CLI 运行s 用于命令行界面。用我的话来说,angular-cli 只是一堆命令,可以帮助您在整个开发过程中进行测试、转移到生产环境、生成路由和组件以及组织您的应用程序。 Angular-CLI 在 Webpack 而不是 Broccoli 上运行,两者都可以帮助您组织代码。
我找到了对使用 Webpack 或其他模块打包器的动机的一个很好的解释。这是来自 Webpack 网页。
Today’s websites are evolving into web apps:
More and more JavaScript is being used. Modern browsers are offering a wider range of interfaces. Fewer full page reloads → even more code in a page. As a result there is a lot of code on the client side!
A big code base needs to be organized. Module systems offer the option to split your code base into modules.
阅读所有这些内容后,我决定也应该尝试 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。因此,您唯一需要指明的是在哪里可以找到您的 TypeScript 文件。
我没有资格评论您的回答,但我认为 angular-cli-build.js 不再使用,因为 Angular-CLI 使用 WebPack 而不是 Broccoli。 (我对此也很陌生,只是在本周初开始学习 Angular-CLI)