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

Question

谁能在https://code.angularjs.org/2.0.0-alpha.20上的 angular 2 alpha 版本中解释这两个文件之间的区别。

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

Answer 1

这就是所谓的 Self-Executing bundle。看看这个评论。它说：

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

所以你不需要将 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来展示它是如何工作的。