Angular 2如何知道从哪里导入东西？

Question

我正在看Angular 2 Quickstart，我注意到角度文件顶部的这些行

import {bootstrap}    from 'angular2/platform/browser';
import {AppComponent} from './app.component';

我的问题是，浏览器如何知道查找angular2/platform/browser和./app.component的位置？这些都不是任何有意义的正确路径。

Answer 1

导入angular2.dev.js时，使用System.register('module-name', ...明确注册了一组模块。

对于您的应用程序TypeScript文件，它有点不同。使用TypeScript编译器编译它们时，会在相应的JS文件中定义匿名模块。这意味着您需要配置SystemJS以将模块名称与JS文件链接。

通过以下配置，它将推断出必须从URL加载以app开头的模块。例如，import {...} from 'app/main';将对应http://localhost:3000/app/main.js。

System.config({
  packages: {      
    app: {
      format: 'register',
      defaultExtension: 'js'
    }
  }
});