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

扎巴罗布

我想尝试使用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的引导程序,如下所示:https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.ts

这会在GET http://localhost:4200/ng2-material/all 404 (Not Found)网络浏览器中产生一条错误消息,而我只是想不出如何摆脱它。

angular-cli似乎正在做一些创建dist-folder的工作,其中index.html中使用的某些节点模块最终出现在其中,但是我看不到它的配置位置或方式。

大卫·布特(DavidBulté)

[EDIT 29/09/2016]既然angular-cli使用的是webpack iso system.js,那么这个答案就不再有意义了。检查angular-cli Wiki上的页面“ 3d party lib安装”和“ global lib安装”。

[EDIT 10/05/2016]现在在angular cli wiki上对此进行了详细描述

这为我工作:

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>

最后,您重新启动服务器。

尚未使用角形材料对其进行测试,但是您明白了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

向Angular CLI应用程序添加Moment第三方库

来自分类Dev

第三方库的使用

来自分类Dev

使用第三方库时如何应用依赖项反转原则?

来自分类Dev

如何查找第三方库中正在使用的第三方组件

来自分类Dev

使用 Angular-cli 加载第三方库

来自分类Dev

具有angular 2和angular CLI的用户第三方库

来自分类Dev

Angular CLI中的第三方库不在npm上

来自分类Dev

NativeScript + Angular 2 +第三方Java库

来自分类Dev

在 Angular 中导航时第三方库不起作用

来自分类Dev

在Jint中使用第三方js库

来自分类Dev

使用第三方库(sbpl)

来自分类Dev

使用GIT进行协作-第三方库

来自分类Dev

在NetBeans中使用第三方库

来自分类Dev

使用第三方库进行Python部署

来自分类Dev

在Eclipse for Android中使用第三方库

来自分类Dev

使用第三方库的OpenCV问题

来自分类Dev

使用第三方库进行编译

来自分类Dev

在Jint中使用第三方js库

来自分类Dev

在风暴拓扑中使用第三方库时出现java.lang.UnsatisfiedLinkError

来自分类Dev

当第三方库要求提供ExecutorService时,请使用Scala ExecutionContext

来自分类Dev

修复使用第三方库(OpenGA)时的多定义错误

来自分类Dev

当第三方库要求提供ExecutorService时,请使用Scala ExecutionContext

来自分类Dev

使用第三方库的微调器时,setOnItemSelectedListener错误

来自分类Dev

在解析中使用第三方库进行云代码处理时出现ReferenceError

来自分类Dev

如何在ember cli app中使用第三方npm软件包

来自分类Dev

如何从ember-cli路线使用第三方javascript

来自分类Dev

如何禁用第三方库的angular2更改检测

来自分类Dev

如何将第三方库注入angular.js服务

来自分类Dev

如何永远运行流星?使用第三方数据库是否很好?

Related 相关文章

热门标签

归档