角度性能,具有特定路径的导入

时间:2019-04-18 08:32:26

标签: angular webpack lodash

我正在尝试缩小包装尺寸。我跑了webpack-bundle-analyzer

例如在包装df = wrapper.read_pdf('xyz.pdf', pandas_options={‘header’: None}) 上,我得到以下统计信息:

  • 统计量527.2kb
  • 解析后的大小69.14kb
  • 压缩为23.67kb

Webpack size definitions

我通过以下方式导入lodash方法:

lodash

问题1)

我不清楚我是否可以直接通过导入方法获得任何好处,例如:

import {uniq, get, flatten} from 'lodash';

有人benchmark articles写道,这减小了捆的大小。但是例如使用lodash似乎也可以通过webpack插件来实现。在上面的示例中可以看到,解析后的大小是统计大小的十分之一。那么这已经通过角度完成了吗?

问题2)

如果1)减小了包的大小,那么还有什么比将导入内容分成多行更好的方法了-这样会使代码混乱。

import {uniq} from 'lodash/uniq';

=>

import {uniq, get, flatten} from 'lodash';

ECAM6 imports

问题3)

如果我遵循直接导入的建议,我会得到一个错误

import {uniq, get, flatten} from 'lodash/uniq';
import {uniq, get, flatten} from 'lodash/get';
import {uniq, get, flatten} from 'lodash/flatten';

我是否需要在error TS2305: Module '"./frontend/node_modules/@types/lodash/difference"' has no exported member 'difference'. 中为lodash(以及可能正在优化的其他模块)添加地图?

0 个答案:

没有答案