我正在尝试创建一个Angular 6库并在Angular 6应用程序中使用它.我把它归结为最小的测试用例.(更新:自从Angular 7出来以后,我也试过了.)
ng new workspace # accept the defaults
ng new product # accept the defaults
cd workspace
ng generate library widgets
ng build --prod widgets # leave out "--prod" for Angular 7
cd ../product
ng build
Run Code Online (Sandbox Code Playgroud)
一个名为"workspace"的应用程序托管一个名为"widgets"的库.另一个名为"产品"的应用程序是独立的 到目前为止,一切都很好.
现在让我们尝试使用"产品"应用程序中的"小部件"库.打开product/src/app/app.module.ts
CLI生成的文件.添加两行,如下所示.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { WidgetsModule } from '../../../workspace/dist/widgets'; // added
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
WidgetsModule // …
Run Code Online (Sandbox Code Playgroud) 我对Angular的世界很新.CommonModule
vs 之间有什么区别BrowserModule
?为什么一个应该优先于另一个?