使用angular-cli时如何添加第三方库？

Question

我想尝试使用angular-cli(https://github.com/angular/angular-cli)创建一个Angular 2应用程序,然后使用ng2-material(https://github.com/justindujardin/ng2-material)用于UI组件.但我只是不明白我必须包含ng2-material库以便使用它.

我创建了一个项目,ng new myproject然后我启动了服务器ng serve并打开了网页,结果很好.下一步,我安装了ng2-material npm install ng2-material --save.然后我添加MATERIAL_PROVIDERS到angular的bootstrap,如下所示https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.ts.

这导致GET http://localhost:4200/ng2-material/all 404 (Not Found)Web浏览器中出现错误消息,我无法弄清楚如何摆脱它.

angular-cli似乎正在做一些事情来创建一个文件dist夹,其中index.html中使用的一些节点模块最终进入,但我看不到在哪里或如何配置.

Answer 1

[编辑29/09/2016]现在angular-cli正在使用webpack iso system.js,这个答案再也没有多大意义了.检查angular-cli wiki上的" 3d party lib安装 "和" 全局lib安装 "页面.

[编辑10/05/2016]现在在角度cli维基上详细描述.

这对我有用:

在ember-cli-build.js中,您将依赖项添加到vendorNpmFiles,例如

module.exports = function (defaults) {
  var app = new Angular2App(defaults, {
      vendorNpmFiles: [
          'a2-in-memory-web-api/web-api.js'
      ]
  });
  return app.toTree();
}

(其中a2-in-memory-web-api/web-api.js是我的node_modules文件夹中的文件)

在index.html中添加以下行:

<script src="vendor/a2-in-memory-web-api/web-api.js"></script>

最后重启服务器.

没有使用角度材料测试它,但你明白了.