Angular生产构建(--prod=true)时库继承类ngOnInit未触发问题咨询

这个问题是Angular 6.x版本中AOT编译+生产构建优化导致的典型问题，本质是抽象基类的生命周期钩子被错误地当作无用代码摇掉了。

问题根源 #

当你执行ng build --prod时，Angular会启用AOT编译和激进的树摇（Tree Shaking）优化。编译器会扫描代码，如果发现抽象基类LibrarySampleBase没有被Angular的装饰器（比如@Component、@Directive）标记，就会认为这个类的ngOnInit方法没有被实际调用（因为子类也没有显式声明这个钩子），从而把它从最终编译产物中移除。而开发构建（ng build）用的是JIT编译，优化力度弱，所以能正常触发钩子。

修复步骤 #

1. 给抽象基类添加@Directive()装饰器 #

Angular的AOT编译器会优先保留带有装饰器的类的生命周期钩子，哪怕这个装饰器没有任何配置。修改你的library-sample-base.ts：

import { Directive, OnInit } from '@angular/core';

@Directive()
export abstract class LibrarySampleBase implements OnInit {
  public ngOnInit() {
    this.InitPage();
  }

  // 建议把InitPage声明为抽象方法，强制子类实现，避免潜在错误
  protected abstract InitPage(): void;
}

这样编译器就会识别这个类是Angular的指令类，不会轻易移除它的生命周期钩子。

2. 确保库使用AOT编译构建 #

Angular库必须用AOT编译后再发布，这样应用在引入时才能正确识别基类的钩子。如果用ng-packagr构建库，确保ng-package.json中启用了AOT（默认是开启的）：

{
  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
  "dest": "./dist/library-sample",
  "lib": {
    "entryFile": "src/public-api.ts"
  }
}

执行ng build library-sample --prod来构建你的库。

3. 可选：子类显式调用父类钩子（非必须） #

如果还是担心钩子不触发，可以在Sample组件中显式声明ngOnInit并调用父类方法：

export class Sample extends LibrarySample {
  ngOnInit() {
    super.ngOnInit();
  }

  InitPage() {
    // 业务处理
  }
}

不过只要完成第一步，这一步其实不是必须的。

相关Bug信息 #

这个问题是Angular 6.x版本的已知缺陷，在Angular 7及以上版本中已经被修复。Angular团队在后续版本中优化了AOT编译器对继承类的生命周期钩子检测逻辑，确保基类的钩子即使没有被子类显式声明，也会被正确保留并触发。

内容的提问来源于stack exchange，提问作者yu13