Angular 被打包成了一个 JavaScript 模块的集合。你可以理解为库模块。
每一个 Angular 库命名跟着 @angular前缀。
通过 npm 包管理器来安装这些库,通过JavaScript import 语句来导入使用的部分。
例如,从 @angular/core 导入 Angular 组件修饰符库如下所示:
import { Component } from '@angular/core';
你也可以使用 JavaScript 的导入语句从 Angular 库中导入 Angular 模块:
import { BrowserModule } from '@angular/platform-browser';
前面根模块的简单例子中,应用模块需要 BrowserModule 中的功能更。访问这些功能,添加 @NgModule 元数据的导入如下:
imports: [ BrowserModule ],
这样我们同时使用了 Angular 和 JavaScript 模块系统。这很容易混淆两个系统,因为他们都共享相同的单词 “imports” 和 “exports”。但是暂时先放一边,时间和经验慢慢会清晰这种混淆。