angular - 通过模块减少 Lodash 导入/包大小

Question

所以我正在尝试减少捆绑包的大小，从常见的罪魁祸首之一开始——Lodash，我一边走一边追随这篇文章，因为显然这并不理想；

所以我进入并开始尝试执行模块导入的基本任务，即实际使用的模块导入，例如从import * as _ from 'lodash'到import each from 'lodash/each'

除了这样做我得到了.../node_modules/@types/lodash/each"' has no default export.令人困惑的例子，因为我在那里看到了出口，我在那里有我的@types 显示一切都应该没问题，但我显然错过了一些空洞的细节。lodash-es由于我的模块是，我必须使用es2015吗？我是否理解这就是为什么esModuleInterop在tsconfig设置为 true 时会吐给我的原因？我想我只是在寻找我显然遗漏的任何小细节。

角 6/CLI

目标：es5

模块：es2015

Answer 1

这是可摇树的导入：

import each from 'lodash-es/each';

如前所述npm package，它实际上只是原始包的 ES6 模块导出：

The Lodash library exported as ES modules.

Generated using lodash-cli:

$ lodash modularize exports=es -o ./
See the package source for more details.

进一步的解释可以在这里找到：正确的方式来导入 lodash