角束尺寸减小的问题

Question

我正在寻求一些帮助，以减少我们的项目包的规模，我试图应用许多技术，首先，我删除了未使用的第三个库；

"lodash": "^4.17.19",
"luxon": "^1.27.0",
"minimatch": "~3.0.4",
"moment": "^2.27.0",
"moment-timezone": "^0.5.31",

优化从库中的导入：

import * as yaml from 'js-yaml';
import { yaml } from 'js-yaml';

import * as uuid from 'uuid';
import { v4 as uuidv4 } from 'uuid';

但对束大小没有影响..。总是一样，我试着运行source-map-explorer和webpack-bundle-analyzer，但是总是没有改变..那么询问是否使用了缓存呢？

Answer 1

如果您真的想削减包的大小，您可以尝试查看包代码，只取所需的部件。

例如，在lodash中有许多有用的函数，但我可以假设您只使用其中的一部分，因此您可以编辑第三方包并在您的个人存储库中重新创建它们。

有用的链接：https://teambrookvale.com.au/articles/modifying-npm-packages-the-right-way

这不是最好的选择，但有效。

此外，为了减少应用程序加载时间，您可以实现Angulars Lazy-loading feature。博士：https://angular.io/guide/lazy-loading-ngmodules

希望它有所帮助，快乐的编码:)