Question

这可能是关于导入的一个更普遍的问题，但我的目标是rxjs。

说明说要这样导入：

import { Observable, Subject, ReplaySubject, from, of, range } from 'rxjs';
import { map, filter, switchMap } from 'rxjs/operators';

range(1, 200)
  .pipe(filter(x => x % 2 === 1), map(x => x + x))
  .subscribe(x => console.log(x));

来源：https://github.com/ReactiveX/rxjs

现在我已经将rxjs下载到我的node_modules文件夹中，但是我没有得到的是我没有添加任何<script>标签，那么它如何知道rxjs在哪里？我是否应该添加<script>标签，而这只是隐含的知识？...如果是，我如何知道要链接到哪些脚本？

我的目标是Chrome的最新版本。

Answer 1

CDN意味着您必须将其作为脚本标签添加到其他代码之前：

<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.min.js"></script>
<script>
import { Observable, Subject, ReplaySubject, from, of, range } from 'rxjs';
import { map, filter, switchMap } from 'rxjs/operators';

range(1, 200)
  .pipe(filter(x => x % 2 === 1), map(x => x + x))
  .subscribe(x => console.log(x));
</script>

Answer 2

在您的html中：

<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.min.js"></script>

在您的脚本中

const { Observable, Subject } = rxjs;

通过ES6导入使用rxjs

2 个答案: