javascript - 使用更具体的模块导入有什么好处/区别？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 4 年前。

Improve this question

例如，假设我有一个 Angular 6 应用程序并想要导入 MatIconModule来自@angular/material包。

我可以做:

import { MatIconModule } from '@angular/material/icon';

或者

import { MatIconModule } from '@angular/material';

这对最终的应用程序包或构建过程有任何影响吗？

这个问题并不是专门针对 @angular/material包，但从任何允许这种特定和非特定导入其模块的包导入模块的一般问题。

我觉得以前肯定有人问过这个问题，但我找不到类似的问题。

我不认为这个问题完全基于某些用户的建议。请参阅我发布的答案。

Answer 1

它显然基于您的编码结构，但我建议您使用

import { Observable, Observer } from 'rxjs';

已读

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

我猜代码看起来更离散，对开发人员更友好。

当这样的代码发生时，场景会变得更加清晰。

import { filter, map, catchError, publishReplay, refCount, take } from 'rxjs/operators';

发生这种情况时会更容易。

P.S:导入所有运算符会显着扩大构建输出并增加构建持续时间。因此，仅导入正在使用的运算符似乎更好。此外，由于 RxJS 模块的 polyfill 性质，每个代码库导入一次运算符(或 Observable 的静态方法)就完全足够了。这些导入应该发生在一个集中的位置。