如何在没有 Node.JS 的情况下最小化打包 Angular 2？答案

【问题标题】：how can I minimize&packaging Angular2 without Node.JS?如何在没有 Node.JS 的情况下最小化打包 Angular 2？
【发布时间】：2016-10-03 05:41:11
【问题描述】：

原因：

我正在使用 Angular2（使用 RC 版本）做一个 POC SPA。
受限于公司政策，我们无法安装 Node.JS，所以我无法使用 Webpack。
到目前为止，至少在我加载 App 主页时有 800 多个 HTTP 请求（总共 2.5 MB）。因为我们在App当中开发了很多组件。

请您告诉我如何在没有 Node.JS 的情况下最小化和打包 Angular2 代码？（第三方库、Eclipse 插件等）
换句话说，我希望前端一键部署。

我认为这显然会提高性能。提前谢谢你。

【问题讨论】：

不幸的是，我认为您将很难找到不使用 Node 的等效工具。涉及到模块捆绑的其他大牌是 Browserify、SystemJS 和 Rollup，它们也都需要 Node。
是的。如果没有 Node.JS，那是没有意义的。但希望如果有奇迹。
如果您可以使用 gulp，请查看 MrCroft 关于使用 SystemJS Builder at stackoverflow.com/questions/35280582/… 的回答（评价最高）。这就是我所做的，将我的应用从第一次加载时的 450 个请求减少到只有 3 个 JS 和几个 CSS/HTML 请求。

【解决方案1】：

免责声明，我是Angular2 Eclipse的作者。

我建议你尝试基于TypeScript IDE 的Angular2 Eclipse。

当你安装 TypeScript IDE 时，你可以install an embed node.js，因此无需安装手头的 node.js，你将受益于 TypeScript 完成、验证、编译等（这需要 node.js 使用 TypeScript tsserver）。

你甚至可以选择你的version of TypeScript

Angular2 Eclipse 为Angular CLI integration 提供终端、向导、启动，但在这种情况下您需要安装 node.js（因为它使用ng 命令，您必须使用npm install -g angular-cli 安装它

请创建an issue 以提供在不安装的情况下使用ng 命令的能力：

ng 应该使用嵌入node.js（避免安装node.js）
提供 Eclipse Preference 以将 ng 链接到自定义路径（自定义路径可以是 angular-cli 项目，它将下载并托管在您的 GIT、SVN 存储库中）。

【讨论】：