将Angular 2应用程序部署到生产环境的正确过程

时间:2016-06-07 15:25:46

标签: angular

我已经关注了几个关于Angular 2应用程序开发的教程,但没有一个讨论在开发完成后要做什么。

我已经使用Typescript和SystemJS创建了一个应用程序,但生成生产就绪包的步骤是什么?

我目前的方法是将文件签出到新位置(没有node_modules文件夹)并运行npm install --production然后删除打字稿文件。我意识到这是制作生产就绪包装的一种可怕方式,并且不包含任何缩小。我不熟悉Webpack,SystemJS,gulp,grunt等......我正在寻找推荐方向的指针。

2 个答案:

答案 0 :(得分:1)

自从我提出这个问题以来,时间已经过去了,Angular CLI现在解决了这个问题:

ng build --prod

答案 1 :(得分:0)

今年在ng-conf上,Rob Wormald和Misko展示了即将推出的部署应用程序的官方方式。有一个新的 离线编译器 可以预处理您的应用,因此用户的浏览器并不需要。

脱机编译器将所有ES6 / ES2015模块内联到一个文件中,然后rollup用于执行树抖动(除去实际使用的内容之外的所有内容)。然后可以将结果泵入缩小器以获得非常小的应用程序包,这些应用程序包可以快速地开始' (这就是Rob描述它的方式)。

请在此处查看演示。 https://youtu.be/bSssb9AmiJU?t=25m47s

相关问题