技术问询：能否在Angular 5环境中使用rxJS 6？

当然有相关实践经验！我来分享下在Angular 5项目中引入并使用RxJS 6的具体细节和注意事项：

1. 先搞定依赖安装 #

Angular 5默认依赖RxJS 5.x版本，所以要手动安装RxJS 6和兼容包，执行以下命令：

npm install rxjs@6 rxjs-compat@6 --save

这里的rxjs-compat@6是核心，它能让你项目中原有的RxJS 5语法暂时正常运行，给你留出充足的迁移过渡时间。

2. 关键语法迁移要点 #

虽然兼容包能兜底，但如果要完全切换到RxJS 6的标准写法，得注意这些核心变化：

• 操作符调用方式改变：原来的链式操作（比如.map()、.filter()）要改成管道式（pipe）调用，且操作符需要从rxjs/operators单独导入：
  RxJS 5 旧写法：

  import 'rxjs/add/operator/map';
  this.http.get('/api/data').map(res => res.json());
  

  RxJS 6 新写法：

  import { map } from 'rxjs/operators';
  this.http.get('/api/data').pipe(map(res => res.json()));
  

• Observable创建方式改变：原来的Observable.of()、Observable.from()这类静态方法，现在要直接从rxjs导入对应的独立函数：
  RxJS 5 旧写法：

  import { Observable } from 'rxjs/Observable';
  import 'rxjs/add/observable/of';
  Observable.of(1, 2, 3);
  

  RxJS 6 新写法：

  import { of } from 'rxjs';
  of(1, 2, 3);
  

3. 避坑指南 #

• 第三方库兼容问题：部分Angular 5生态的第三方库可能仍依赖RxJS 5语法，这时候rxjs-compat就能帮你暂时解决兼容性问题，直到你完成这些库的升级或替换。
• Angular内置服务适配：Angular 5的HttpClient本身已经可以兼容RxJS 6的Observable，但要确保你导入的是正确的模块，避免出现类型不匹配的报错。

4. 逐步迁移建议 #

不要尝试一次性全量修改代码，建议按以下步骤来：

• 先安装好RxJS 6和rxjs-compat，确保项目能正常运行；
• 逐个模块/组件地将RxJS代码迁移到6的标准语法；
• 等所有代码迁移完成后，再移除rxjs-compat依赖，彻底完成切换。

内容的提问来源于stack exchange，提问作者David Dahan