我想开始使用Angular2 Beta,但我遇到了一些关于所需库的问题
我正在使用Eclipse,它是TypeScript Plugin
另外,我使用SystemJS
作为模块加载器
我的问题是如果我使用npm install angular2
安装Angular2,它会加载整个Angular-Project,包括CommonJS
- Version,ES6
- Version和TypeScript
- Version。这导致一个超过30 MB的大文件夹,包含近2000个文件,但我只需要TypeScript
- 版本(仍然是几百个文件),没有示例。
此外,在/ts
中导入Eclipse
- 文件夹会给我带来错误,“rxjs”中的模块不存在(“rxjs / Subject”...)。所以我想我也必须下载该项目
使用5 Min Quickstart中使用的package.json
,npm install
下载超过80MB(几乎10000个文件),我确信,我不需要所有这些文件。
所以我想知道Angular2
真正需要哪些文件,我该如何下载呢?
我应该创建自己的package.json
- 文件吗?或者有更简单的方法吗?
修改
看看我们的(工作)Angular 1.X项目,我可以看到一个angular.js
文件,以及不同模块的文件(如restangular.js,angular-route.js等),共约10个文件
我现在正在寻找的是那些文件的angular2对应物
那些对应物存在吗?我在哪里可以找到它们?
答案 0 :(得分:7)
"我现在正在寻找的是那些文件的角度对应物":
<!-- 1. Load libraries -->
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
你需要那些4 .js(不是.ts)文件。
&#34;我在哪里可以找到它们?&#34; 他们下载了npm。您可以保留这4个并删除其他所有内容。您也可以从CDN获取它们,或手动下载它们。
<!-- 1. Load libraries -->
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
但是。这些已经编译好的javascript文件,如果您使用JS编写应用程序,它们将为您工作,但是现在您将找到关于Angular 2的90%的scarse文档是关于打字稿的,并且为了使用打字稿你和& #39;我需要Angular 2的源文件,这是你得到的整个包。
我的建议如果你是用打字稿做的:不要担心所有这些文件被下载,它们是用于开发的,而不是你构建的必要部分。你只能包括我在你的构建中告诉你的那些,这将让你真正的应用程序小。此外,您不应该将所有这些文件添加到您正在使用的git repo或w / e repo中,这个想法是您有git忽略整个&#34; node_modules&#34;文件夹,你只提交package.json文件,这将适用于其他开发人员,因此他们运行npm install,他们自己获得所有依赖项。因此,所有这些文件只适用于开发机器,您不必担心它们会使您的应用程序太大,因为它们不会成为您应用程序的一部分。
答案 1 :(得分:3)
package.json
指南中的Angular 2 Quickstart
文件包含concurrently
,lite-server
,typescript
等开发依赖项以及旧版浏览器的es6-shim
等兼容性。
角度2的基本依赖性是
您可以查看此Angular2 Tutorial Plunker以启动一个简单的应用程序。它还包含路由库。