如何在 Plunker 上构建 Angular 项目（包括第三方库）答案

【问题标题】：How to build an Angular project on Plunker (include the third party libraries)如何在 Plunker 上构建 Angular 项目（包括第三方库）
【发布时间】：2017-11-30 16:03:00
【问题描述】：

我遇到了angular 的问题，所以我想在Plunker 上构建一个简单的Angular 项目来寻求帮助。

我只创建了一个新的 Plunk，但我不知道如何将第三方库包含到这个 Plunk，例如，angular2-notification。

Angular + Typescript Demo Plunk

【问题讨论】：

像 VScode 一样轻松地使用 stackblitz，并且还会添加更多功能，例如从 git my stack blitz app link987654322@分叉
@RahulSingh 太棒了。谢谢。
@RahulSingh 虽然它运行良好，但它总是提示'找不到模块'angular2-notifications'。为什么？
你需要提供正确的导入
@RahulSingh 你可以看到here。

标签： angular plunker

【解决方案1】：

Plunker 的最大优点是您可以轻松地 fork 其他人的 plunk，并将其用作您自己的基础。 Angular Material 2 团队将demo plunk 保持在最新状态，这是一个很好的起点。

将任何第三方库添加到 config.js，然后照常按照包说明进行操作。

    map: {
        'angular2-notifications': 'npm:angular2-notifications'
    }

如果它在 NPM 上不可用，您也可以使用 rawgit 直接从 GitHub 存储库导入。

这里是 plunk，添加了 angular2-notifications。

【讨论】：

【解决方案2】：

看看这个plunker。主要是你应该在配置文件中添加库“umd”包。

    'ngx-loading': 'npm:ngx-loading/bundles/ngx-loading.umd.min.js'
    'angular2-notifications': 'npm:angular2-notifications/bundles/angular2-notifications.umd.min.js'

【讨论】：