构建Angular2应用程序

时间:2016-05-16 12:15:56

标签: angular angular2-build

我进入Angular2。我已经创建了一个非常简单的测试项目来开始测试我正在学习的内容。

基本上这是我的项目:https://github.com/developer82/ReactJS.vs.Angular2/tree/master/angular2

我是从我从互联网上下载的示例项目开始的。但是一旦我运行npm install,就会下载一堆NPM软件包,现在这个目录大小只有100mb,适用于非常小的应用程序。

显然,这不是人们上传到制作的最终项目。我知道很多软件包都不需要,有些用于运行运行应用程序的服务器。

今年在ng-conf中,他们非常自豪地宣布Angular2是45kb - 比Angular1小。所以我的问题是 - 让我说我已经构建了我的Angular2应用程序 - 现在是什么?如何将所有内容编译为最小尺寸并仅编译所需的包?它是如何组合成一个45kb文件的?换句话说 - 我已经构建了我的应用程序 - 下一步是为了发布它?

修改

我按照angular-cli工具(https://github.com/angular/angular-cli#installation)的说明进行操作。

创建一个新项目创建了一个大小为150+ mb的目录。但是在运行ng build -prod之后,它会生成一个大小为1mb的目录 - 要小得多,而且很容易,但我发现角度不是main.js,大小是675kb - 远远超过他们说的45kb关于ng-conf。而且没有考虑所有其他需要加载的js库(系统,es6-shim,reflect,zone)。

这对于Web应用程序来说很重要(特别是如果针对移动设备也是如此)。我们怎样才能让它变得更小?

2 个答案:

答案 0 :(得分:0)

另一种方法是利用Gulp编译和打包您的应用程序。为此,您可以使用以下插件:

  • gulp-typescript - 将TypeScript内容编译为JavaScript
  • gulp-uglify - 缩小JavaScript内容
  • gulp-concat - concat files
  • gulp-html-replace - 引用新的

有关详细信息,请参阅此问题:

以及相应的项目:

答案 1 :(得分:0)

捆绑包仍然可以被gzip压缩,我使用SystemJS Builder,然后从576KB(未压缩)到122KB(gzip)。使用模板编译器可能会更小,角度团队仍在努力。