如何只使用rxjs-compat的一部分,或者编写自定义的rxjs-compat?

时间:2018-05-25 13:53:19

标签: rxjs rxjs6 rxjs-compat

我们updated我们的项目使用Angular& Rxjs 6并且一切正常。

我们还更新了使用管道运营商的代码,因此我们想放弃rxjs-compat
唯一的问题是我们的一个依赖项仍然使用Observable和Subject的旧导入语法。

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

有没有办法为这两个类提供我们自己的最小rxjs-compat?

图书馆对Observable和Subject没有任何兴趣,并且不使用任何运算符,因此导入完整的rxjs-compat包似乎有点过分。

2 个答案:

答案 0 :(得分:2)

使用paths选项时,我认为您不需要复制任何文件。

我会尝试这样的事情:

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

请注意,必须指定baseUrl

问题是paths选项是否会影响node_modules中的其他依赖项。我不确定,我没有尝试过。

答案 1 :(得分:0)

使用@cartant提到的paths我设法让它在没有rxjs-compat的情况下进行编译,但输出main.js甚至比使用完整的compat库更大......

  • rxjs-compat = 691 KB
  • 使用修补库导入= 671 KB(理想大小)
  • rxjs-compat路径hack = 700 KB

我可能做错了什么,但我没有时间进一步调查。

黑客的步骤:

  1. 创建文件夹src\rxjs-compat\node_modules(请注意node_modules名称,它用于绕过webpack bug
  2. d.ts复制您需要的.jsrxjs-compat个文件(在我的情况下是Observable和Subject)
  3. 编辑tsconfig.app.json并在compilerOptions中添加以下路径: "paths": { "rxjs-compat/Observable": [ "rxjs-compat/node_modules/Observable"], "rxjs/Subject": [ "rxjs-compat/node_modules/Subject"] }