微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

原文地址:https://www.jb51.cc/angularjs/146822.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐