Angular 2如何比Angular 1轻?

时间:2017-01-02 05:59:44

标签: angular

我是Angular 2的新手。我刚刚使用angular-cling build --prod创建了新的初学者项目。我有一个dist文件夹8.2 Mb。 这是输出:

enter image description here

我有三个问题:

  • 我实际需要哪些文件?

  • 还可以采取哪些措施来减小尺寸?

  • 是否可以在gzipped页面中抓取HTML个文件,就好像它们一样 是常规脚本?我的意思是,它是否有效<script src='...script.gz'></script>

1 个答案:

答案 0 :(得分:6)

  • 请勿测量开发期间加载的文件数。使用Angular2和TS,您有一个构建步骤和尺寸测量,只有构建步骤的输出是相关的

  • A1和A2之间的一个很大区别是A1可以在不将Angular库加载到浏览器的情况下工作。当使用AoT(提前编译)时,会处理Angular2组件模板并为绑定生成JS,因此不需要加载,解析和编译以及处理组件模板的Angular库。

    • 此构建步骤和AoT还允许在整个代码库中进行树木抖动
  • 变更检测工作完全不同。

    • 通过使用区域,Angular2在检测何时需要进行变更检测时效率更高。
    • 由于单向数据流,Angular可以限制在DOM树中发生变更检测的范围。
    • 使用ChangeDetectionStrategy.OnPush和其他措施可让开发人员进一步限制更改检测的运行位置和时间

Angular2团队仍在努力进一步优化各种事情,我相信还有一些进一步改进的空间。