typescript – 如何部署Angular 2应用程序?

一旦Angular 2应用程序到达生产阶段,您如何部署它们?

到目前为止,我所看到的所有指南(甚至在angular.io)都依赖于服务器和browserSync来反映更改 – 但是当你完成开发,如何发布应用程序?

我在index.html页面上导入所有编译的.js文件,还是使用gulp将它们缩小?他们会工作吗?在生产版本中我是否需要SystemJS?

你实际上在这里触摸两个问题在一个。第一个是如何托管您的应用程序。和@toskv提到它真正太广泛的问题,要回答,取决于许多不同的事情。第二个更具体 – 如何准备应用程序的部署版本。这里有几个选项:

>按原样部署。只是 – 没有缩小,连接,名称mangling等。Transpile所有的ts项目,复制所有的结果js / css / …源代码依赖关系到托管服务器,你的好去。
>使用特殊捆绑工具部署。像webpack或systemjs builder。他们有第一个缺乏的所有可能性。你可以将所有的应用程序代码包装到你的html中引用的js / css / …文件。 Systemjs buider甚至允许你摆脱需要包括systemjs作为您的部署包的一部分。

是的,你很可能需要部署systemjs和其他外部库作为您的包的一部分。是的,你将能够将它们捆绑到你的html页面引用的只是几个js文件。你不必引用所有已编译的js文件页面虽然 – systemjs作为模块加载器将照顾。

我知道这听起来很肮脏 – 帮助让你开始#2这里有两个真正好的示例应用程序:

SystemJS builder:angular2 seed

WebPack:angular2 webpack starter

看看他们怎么做 – 希望这将帮助你找到你的捆绑应用程序的方式。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...