Использование rxjs через импорт ES6

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

в вашем html:

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

в ваших скриптах

const { Observable, Subject } = rxjs;

Answer 2

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>