Машинопись с помощью rxjs - PullRequest
Новая
       12

Машинопись с помощью rxjs

0 голосов
/ 26 октября 2018

Я сейчас работаю над проектом машинописного текста без каких-либо загрузчиков модулей.

Сейчас я пытаюсь интегрировать rxjs в мой проект. Но я получаю каждый раз ошибку ReferenceError: exports is not defined. Нужно ли использовать загрузчик модулей, и если да, можете ли вы мне помочь с его настройкой? Я в настоящее время компилирую файл ts с tsc -w

Main.ts 

const mock = of('Hello');
mock.subscribe(res => console.log(res));

index.html 

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>HM</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="assets/hm-logo.png">
    <link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<script src="./main.js"></script>
</body>
</html>

1 Ответ

0 голосов
/ 26 октября 2018

Благодаря @toskv мне удалось интегрировать rxjs в машинопись без каких-либо загрузчиков модулей.Для этого мне нужно было принять во внимание следующие шаги:

1.Step

Добавить ссылку cdn в корень HTML (внутри тега head) следующим образом:

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

2.Step

Добавьте файл rxjs.d.ts с глобальной переменной: 

declare var rxjs;

3.Step

Включитьфайл rxjs.d.ts в файле tsconfig.json, например: 

  "include": [
    "src/**/*",
    "rxjs.d.ts"
  ]

4.Step

Теперь вы можете использовать rxjs в вашем файле ts, например: 

const { Observable, Subject, ReplaySubject, from, of, range } = rxjs;
const { map, filter, switchMap } = rxjs.operators;

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