config.js 在 Angular2 中的作用是什么？

Question

plnkr

我正在学习 angular2（我确实有 angular1 背景）。在学习 Angular2 时，我遇到了上面提到的例子。

1) 我不明白 config.js 的用法。此外，我想了解 config.js 中使用的“地图”对象。

2) 我一直在尝试导出写在friend.ts 文件中的“朋友”模块。但不知何故我无法导出它或者我不知道如何导出它。看下面的代码，

app.ts

import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2'
import {FirstComponent} from './first'
@Component({
  selector: 'my-app',

 template:"<div>Hello Angular2</div>"
})
class AppComponent { }

bootstrap(AppComponent);

first.ts

import {bootstrap, Component, CORE_DIRECTIVES} from 'angular2/angular2';

export FirstComponent{

  console.log("FirstComponent exported");
}

你的小指导会教我很多关于 angular2 的东西。

Answer 1

1) 'config.js' 中的 map 对象用于根据当前模块位置用另一个模块替换一个模块，就像别名一样。

map的作用在这里解释清楚：http://requirejs.org/docs/api.html#config-map

2) 我认为问题在于您没有指定 class 关键字。因为组件基本上就是一个类。

要告诉编译器您正在创建一个组件，您还必须使用 Component 装饰器来装饰该类。

export class FirstComponent { ... }