angular.dev.js和angular.sfx.dev.js有什么区别？

Question

任何人都可以在https://code.angularjs.org/2.0.0-alpha.20上的角度2 alpha版本中解释这两个文件之间的区别。

通过查看源代码，似乎在sfx.dev.js中，global.System对象被覆盖，具有＆＃39; import＆＃39;和＆＃39;配置＆＃39;功能已删除。

Answer 1

这就是所谓的Self-Executing bundle。查看this comment。它说：

  

该软件包在加载时执行其主模块 - angular2_sfx，没有相应的System.import调用。它面向不使用System loader polyfills的ES5开发人员（如system.js和es6 loader）。

因此，您不需要将System.js添加到项目中。只需在html页面中添加下一行：

<script src="https://code.angularjs.org/2.0.0-alpha.20/angular2.sfx.dev.js"></script>
<script src="app.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    angular.bootstrap(App);
  });
</script>

以下plunker展示了它是如何运作的。