angularjs - 来自 unpkg 的 rxjs bundle

Question

我有一个 Angular 2.0.0(2.2.0 中有同样的问题)项目。当前的开发版本生成超过 100 个 http 请求。

这是因为它加载了非 bundle 版本的 rxjs..

当我有以下情况时:

    map: {
        // our app is within the app folder
        app: 'app',
        // angular bundles
        // snip
        'rxjs': 'npm:rxjs',
        'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
    },

该应用程序可以运行，但我们有 1000 多个 http 请求，因此我尝试从包中加载 rxjs，为此，我删除了 rxjs': 'npm:rxjs' 并添加了以下内容

注意，对于 npm:从 unpkg 加载

    paths: {
        // paths serve as alias
        'npm:': 'https://unpkg.com/',
        'rxjs/*': 'https://unpkg.com/@reactivex/rxjs/dist/global/Rx.js'
    },

ReactiveX git 页面表明这个包应该可以工作，还是缺少其他东西？

第二个配置出现以下错误

Uncaught (in promise): TypeError: Cannot read property 'call' of undefined

Answer 1

我有一个 plnkr.io 演示，用于在 TypeScript 中摆弄 RxJS，它会像您一样加载 bundle 版本。

参见:http://plnkr.co/edit/0o9j6h5GJJiCuBFeWv7f

重要的部分是System.config:

System.config({
  transpiler: 'typescript',
  map: {
    'rxjs': 'https://unpkg.com/@reactivex/rxjs@5.0.0-beta.12/dist/global/Rx.js'
  }
});

然后从 bundle 中导入任何内容:

import {BehaviorSubject} from 'rxjs';

编辑:

默认的 Angular2 演示已更新以加载单个 Rx.js。

现场观看:http://plnkr.co/edit/rnO74mQNuPsHAmrIVJ8j

在systemjs.config.js中，我完全删除了rxjs表单map并将其添加到paths中:

'rxjs*': 'https://unpkg.com/@reactivex/rxjs@5.0.0-beta.12/dist/global/Rx.js'

然后我将其用于例如:

import { Component } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular App</h1>'
})
export class AppComponent {

  constructor() {
    console.log(BehaviorSubject);
  }

}