关于脚本与npm / gulp集成的说明

Question

我正在尝试使用VisualScript 2015，使用TypeScript，NPM和gulp，使用Angular2快速入门指南设置一个工作项目。 （Angular2 2.0.0-rc.3，TypeScript 1.8.10，npm 3.6.0和gulp 3.9.1）

按照互联网上的指南，有一些我不太懂的东西，并且有一个解释会非常有帮助。

NPM允许我们获取需要加载到我们的应用程序中的最新模块。这意味着我需要使用package.json文件安装依赖项，如下所示：

"dependencies": {
    "@angular/common": "2.0.0-rc.3",
    ...

    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.12"
},
...

安装完成后，我需要使用gulp将这些文件提供到我的根文件夹（wwwroot）中，这非常有意义。

之后，我需要根据我的应用程序需求配置systemJS，以便知道在哪里加载文件。

然后，在Quickstart之后，我需要设置要在index.html文件中导入的脚本。

我不明白为什么我们可以手动导入这3个脚本，而我们可以在systemJS配置文件中设置它们？

（我在谈论这些：

• 的 node_modules /芯-JS /客户端/ shim.min.js
• 的 node_modules /反映元数据/ Reflect.js
• 的 node_modules / zone.js / DIST / zone.js

）

仅仅是因为它是一个示例项目，因此以这种方式进行是好的，还是有更好的理由？

我认为这只是因为我们需要这些单个文件而像@angular这样的包含很多使用systemJS更容易管理的文件？

我知道这意味着我对这个主题知之甚少，任何帮助都会非常好。 我已经阅读了这个链接（https://angular.io/guide/quickstart），它对我有所帮助，但我想我错过了一些东西......

谢谢，

Alex

Answer 1

这些模块是“静态的”（填充/填充，反映类元数据和区域的元数据），不需要参与模块管理。这就是他们在SystemJS之外配置的原因。