Angular 2所需的库

时间:2016-01-07 09:38:20

标签: node.js npm angular package.json

我想开始使用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.jsonnpm install下载超过80MB(几乎10000个文件),我确信,我不需要所有这些文件。
所以我想知道Angular2真正需要哪些文件,我该如何下载呢? 我应该创建自己的package.json - 文件吗?或者有更简单的方法吗?

修改 看看我们的(工作)Angular 1.X项目,我可以看到一个angular.js文件,以及不同模块的文件(如restangular.js,angular-route.js等),共约10个文件 我现在正在寻找的是那些文件的angular2对应物 那些对应物存在吗?我在哪里可以找到它们?

2 个答案:

答案 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文件包含concurrentlylite-servertypescript等开发依赖项以及旧版浏览器的es6-shim等兼容性。

角度2的基本依赖性是

  • angular2
  • typescript
  • systemjs
  • rxjs

您可以查看此Angular2 Tutorial Plunker以启动一个简单的应用程序。它还包含路由库。