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

Question

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

通过查看源代码,似乎在sfx.dev.js中,global.System对象被覆盖,删除了"import"和"config"函数.

Answer 1

这就是所谓的自执行捆绑.看看这个评论.它说:

这个bundle在加载时执行它的主模块 - 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>

这是一个可以展示它是如何工作的人.