AoT - AoT配置

• 直接使用ngc
• 使用/webpack

我们推荐第二种方式，因为它最适合Angular + Webpack工具链。

首先，从npm获取/webpack并将其保存为开发依赖关系：

import {AotPlugin} from '@ngtools/webpack'
exports = { /* ... */
      {
        test: /\.ts$/,
        loader: '@ngtools/webpack',
      }
    ]
  plugins: [
      tsConfigPath: 'path/to/tsconfig.json',
      entryModule: 'path/to/app.module#AppModule'
    })
}

这里@ngtools/webpack替换了其他类型的脚本加载器，如ts-loader或awesome-typescript-loader。 它与一起工作以启用AoT编译。 更多细节可以在 这里找到。
（注意，对于由angular-cli生成的项目，打开AoT可以很简单，因为ng build —aot，但是由于angular-cli不允许为复杂的用例定制webpack配置，它可能不够）。