node.js - 如何避免 angular2 巨大的足迹

Question

我正在调查我们下一步开发的开发设置。

要求

• Java， war
• Javascript, Angular2
• JSP、HTML、CSS

当使用 eclipse-neon 和 nodeeclipse 执行此操作时，一个简单的 Angular2“Hello World”将占用巨大的空间

100 MBytes，即百兆字节

几乎所有都位于“node_modules”中。生成一个WAR，等了半天，大概有30MBytes。

有没有办法将这个巨大的足迹减少到合理的大小？

---

按照建议，我调查了两种使用 webpack 和简单的“Hello World”应用程序的方法

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

其次，我尝试了 angular-cli。 angular-cli 创建一组配置文件和一个简单的“Hello World”。删除 .map-files 后，总大小为 3.2MB。 WAR 带有 490KB。

关于大小，这两种方法看起来都有效。然而，我们将继续使用第一种方法，因为它为 webpack 使用了显式配置文件。我们需要调整 webpack 以使用和支持 JSP。使用 angular-cli 如何做到这一点并不明显。

如果您不需要调整 webpack 配置，您可能更喜欢 angular-cli

Answer 1

事实上，这是您开始使用 angular 2 和 node.js 时的体验。解决方案是使用像“webpack”这样的包生成器。我建议使用“angular-cli”创建一个入门项目 https://github.com/angular/angular-cli并从那里开始添加您的项目特定组件、库、...这使得可以非常快速地直接进入开发和测试此功能。建议调查其背后的强大和复杂性，但可以逐步完成。

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