angular - 从 Angular 库加载一个模块而不是加载整个库

Question

我有一个使用以下命令生成的 Angular 库:

ng generate library cac-models

在这个库中，我有两个名为 Admin 和 Client Module 的模块。当我想使用 Admin 模块时，我必须像以下命令一样加载它，然后导入它:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AdminModule } from 'cac-models';  //=> this line

@NgModule({
  declarations: [AppComponent],
  imports:
    [
      BrowserModule,
      AdminModule,
      AppRoutingModule
    ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样，Angular 就会加载整个库(包括管理模块和客户端模块)，因为我从 cac-models 导入了 AdminModule。

我只想加载管理模块。如下所示:

 import { AdminModule } from 'cac-models/lib/admin/admin.module'; // I get error

这样，我得到以下错误

Module not found: Error: Can't resolve 'cac-models/lib/admin/admin.module'

可以吗？

Answer 1

如果您专门导入 AdminModule，那么它将成为最终构建的一部分，并且所有死代码都将被删除。这是树摇晃的一部分，您可以在此处阅读 https://webpack.js.org/guides/tree-shaking/