Как использовать только часть 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 КБ

IВозможно, я сделал что-то не так, но у меня нет времени на дальнейшее расследование.

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

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