Как использовать только часть rxjs-compat или написать собственный rxjs-compat?

Question

Мы обновили наш проект, чтобы использовать Angular & Rxjs 6, и все работает отлично.

Мы также обновили код для использования операторов канала, поэтому мы хотели бы отказаться rxjs-compat,
Единственная проблема заключается в том, что одна из наших зависимостей по-прежнему использует старый синтаксис импорта для Observable и Subject.

import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';

Есть ли способ предоставить наш собственный минимальный rxjs-compat только для этих двух классов?

Библиотека не делает ничего сложного с Observable и Subject и не использует никаких операторов, поэтому кажется, что импортировать полный пакет rxjs-compat излишне.

Answer 1

Я не думаю, что вам нужно копировать какие-либо файлы при использовании paths вариант.

Я бы попробовал что-то вроде этого:

"compilerOptions": {
    "baseUrl": ".",
    "paths": {
        "rxjs/Observable": ["./node_modules/rxjs/internal/Observable"],
        "rxjs/Subject": ["./node_modules/rxjs/internal/Subject"]
    }
}

Обратите внимание, что baseUrl должен быть указан.

Вопрос в том, paths опция влияет на другие зависимости в node_modules, Я не уверен, и я не пробовал это.

Answer 2

С помощью paths в соответствии с @cartant мне удалось собрать его без rxjs-compat, но на выходе main.js даже больше, чем использование полной библиотеки Compat...

• С rxjs-compat = 691 КБ
• С исправленным импортом библиотеки = 671 КБ (идеальный размер)
• с rxjs-compat Взлом путей = 700 КБ

Я, вероятно, сделал что-то не так, но у меня нет времени, чтобы исследовать это дальше.

Шаги для взлома:

1. Создать папку src\rxjs-compat\node_modules (обратите внимание на имя node_modules, оно используется для обхода ошибки веб-пакета)
2. Скопируйте d.ts а также .js нужные вам файлы rxjs-compat (в моем случае наблюдаемый и предметный)
3. Отредактируйте tsconfig.app.json и добавьте следующие пути в compilerOptions: "paths": { "rxjs-compat/Observable": [ "rxjs-compat/node_modules/Observable"], "rxjs/Subject": [ "rxjs-compat/node_modules/Subject"] }