如何避免angular2的巨大足迹

Question

我正在为我们的下一次开发研究开发设置。

要求

• 爪哇河
• Javascript，Angular2
• JSP、Html、CSS

当使用eclipse-neon和nodeeclipse时，一个简单的Angular2 "Hello“将占据巨大的位置。

100 MBytes，用100兆字节表示的

几乎所有的都位于"node_modules“中。在等待了很长一段时间后，产生战争的时间约为30 MBytes。

有没有办法把这个巨大的足迹减少到一个合理的规模？

按照建议，我研究了使用webpack和简单的"Hello“应用程序的两种方法

首先，我尝试了http://angular.io/docs/ts/latest/guide/webpack.html。删除..map后，总大小为1.1MB。(打包的) WAR带有250 The

第二次我尝试了angular-cli.角-cli创建一组配置文件和一个简单的"Hello“。删除..map后，总大小为3.2MB。WAR附带了490 WAR。

关于大小，这两种方法看起来都是有效的。但是，我们将继续使用第一种方法，因为它为webpack使用了显式配置文件。我们需要对webpack进行调整，以便使用和支持JSP。目前还不清楚如何用角键来完成这一任务。

如果您不需要调整webpack配置，您可能更喜欢转角cli。

Answer 1

事实上，这是一种从角度2和节点开始的体验。解决这一问题的方法是使用包构建器，比如"webpack"。我建议使用“角-cli”https://github.com/angular/angular-cli创建一个初学者项目，并从那里开始添加特定于项目的组件、库、.这使得我们能够非常快地进入开发和测试这个特性。调查背后的强大和复杂性是推荐的，但可以一步一步地完成。

这个生成的项目的命令行命令--您可以看到它们在生成的"package.json"中定义--提供了开发和运行代码所需的一切，例如npm运行构建:prod.准备部署代码，包括将代码压缩到绝对最小的大小(在我的例子中，从~120 my减少到2.7MB)