angular.dev.js和angular.sfx.dev.js之间的区别

发布时间：2020-12-17 07:36:56 所属栏目：安全来源：网络整理

导读：任何人都可以在 https://code.angularjs.org/2.0.0-alpha.20的角色2 alpha版本中解释这两个文件之间的区别. 从源代码看,似乎在sfx.dev.js中,global.System对象被覆盖,删除’import’和’config’功能. 这就是所谓的 Self-Executing bundle .查看 this commen

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

从源代码看,似乎在sfx.dev.js中,global.System对象被覆盖,删除’import’和’config’功能.

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

This bundle executes its main module – angular2_sfx,when loaded,without a corresponding System.import call. It is aimed at ES5 developers that do not use System loader polyfills (like system.js and 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显示它是如何工作的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!