如何在使用angular2时配置system.js?

时间:2015-09-22 09:40:06

标签: angular es6-promise systemjs

我们正在制作一个带有角度2的小样本,我从快速入门示例中复制了代码,出现了错误:“es6Promise未定义”。

我们发现https://jspm.io/system@0.16.js不是纯系统.js,它包括以下自定义代码:

document.write('
<script type="text/javascript" src="'+basePath+'es6-module-loader@0.16.6.js" data-init="upgradeSystemLoader"></script>')

System.config({
  paths:{
    "*":"https://registry.jspm.io/*.js",
    "~/*":"*.js",
    "npm:*":"https://npm.jspm.io/*.js",
    "github:*":"https://github.jspm.io/*.js"
  },
  map:{
    traceur:"github:jmcriffey/bower-traceur@0.0.87",
    "traceur-runtime":"github:jmcriffey/bower-traceur-runtime@0.0.87",
    babel:"npm:babel-core@5"
  }
});

我们想在本地加载这个文件,有谁知道如何配置它?如何生成system@0.16.js(组合system.js和自定义配置)?

1 个答案:

答案 0 :(得分:0)

您可以在脚本标记中配置SystemJS,例如在index.html:

<script>
  System.config({
    baseURL: '<%= APP_BASE %>',
    paths: {'*': '*.js?v=<%= VERSION %>'},
    defaultJSExtensions: true
  });

</script>

我使用以下版本

"angular2": "=2.0.0-alpha.37",
"es6-module-loader": "^0.16.6",
"systemjs": "^0.18.10",
"zone.js": "^0.5.4",
"reflect-metadata": "0.1.1"