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

Question

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

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

Answer 1

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

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

Answer 2

Plunker 最好的一点是你可以很容易地 fork 其他人的 plunks 作为你自己的基础。 Angular Material 2 团队保持 demo plunk 最新，这很适合作为起点。

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

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

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

这里 plunk 添加了 angular2-notifications。

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

How to build an Angular project on Plunker (include the third party libraries)

angular

plunker