如何避免angular2巨大的足迹

时间:2016-12-31 10:27:13

标签: node.js angular ide

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

要求

  • Java,WAR
  • Javascript,Angular2
  • JSP,Html,CSS

当用eclipse-neon和nodeeclipse做这个时,一个简单的Angular2“Hello World”会占用巨人

100 MBytes,单词百兆字节

几乎所有都位于“node_modules”中。 在等待很长时间后,生成WAR会产生大约30 MB的错误。

有没有办法将这个巨大的足迹缩小到合理的尺寸?

正如我提议的那样,我使用 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

1 个答案:

答案 0 :(得分:2)

实际上,这是从角度2和节点开始时的体验。对此的解决方案是使用包构建器,如“webpack”。我建议使用“angular-cli”创建一个启动项目 https://github.com/angular/angular-cli 并从那里开始添加项目特定的组件,库,... 这使得可以快速进入开发并快速测试此功能。调查建议背后的强大和复杂性,但可以一步一步完成。

此生成项目的命令行命令 - 您可以在生成的“package.json”中找到它们 - 提供开发和运行代码所需的全部内容 并且 例如npm run build:prod ... 准备部署代码,包括将代码减少并打包到绝对最小尺寸(在我的情况下从大约120MB到2.7MB)