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

Question

我在查看 Angular 2 Quickstart 时注意到 Angular 文件顶部的这些行

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 文件。

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

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