Question

我正在使用角度，包括来自脚本标签，如：

<html>
<head>
    <title>Angular 2 tsconfig.json Demo</title>
    <script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
    <script src="https://jspm.io/system@0.16.js"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.22/angular2.dev.js"></script>
</head>
<body>
    <welcome></welcome>
    <script>System.import("app");</script>
</body>
</html>

有没有办法避免脚本包含，并使用我编译的.js和typescript定义文件.d.ts将我的依赖项下载到node_modules文件夹，包含它并构建它？

Answer 1

您应该使用npm install angular2。查看quickstart了解更多详情。

您还需要这些依赖项：

  "dependencies": {
    "angular2": "2.0.0-beta.8",
    "systemjs": "0.19.22",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.5.15"
  },

然后您可以将它们包含为脚本标记：

  <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>

这是最小的工作设置，IE（以及可能还有其他一些）浏览器需要es6-shim和system-polyfills。

如何使用angular2作为NPM依赖

1 个答案: