如何减少Angular应用程序中node_module的大小并如何从index.html或应用程序根目录加载Node_Modules

Question

我想减小node_module的大小（当前大小为605MB），并从index.html或应用程序根目录加载Node_Modules。

角度5 节点8.9.4

我尝试了几种解决方案，但没有给出预期的结果， npm install --production

• https://github.com/salsita/grunt-package-minifier：最小化 节点模块及其依赖项占用的空间。 -gulp --- npm 作为构建工具（https://www.npmjs.com/package/build-tools）
• https://www.npmjs.com/package/modclean：删除不需要的文件 和您的node_modules文件夹中的目录
• https://ivanjov.com/what-is-npm-shrinkwrap-and-why-you-should-start-using-it-right-now/，https://docs.npmjs.com/cli/shrinkwrap.html：锁定 发布的依赖版本
• https://www.codeproject.com/Articles/1161529/%2FArticles%2F1161529%2FA-Note-on-Angular-Deployment-and-Node-Modules： 手动复制文件并更改引用
• https://docs.npmjs.com/cli/dedupe-减少重复

Answer 1

也许我误解了您的问题，但是节点模块不应该与您的应用程序捆绑在一起，而是通过“ import”语句导入到应用程序中。 Angular使用webpack来“摇晃”您导入的模块，以避免重复并最小化尺寸。

示例：要使用时刻3rd party库：

npm install moment --save

然后将此行放置在组件/服务的顶部

import * as moment from 'moment';

然后您可以在此文件中使用力矩

let myDate = moment();

甚至构建了许多库，因此您只能导入库的一部分以进一步减小大小。