angular - 如何在 Angular 4 延迟加载中更改 chunk.js 名称

Question

我在 Angular 4 中实现了延迟加载模块。它运行良好。当我导航到新页面时，它将加载额外的 js 文件，例如:0.chunk.js, 1.chunk.js.

我的问题是:如何更改该 block 名称？前任:1.chunk.js => 关于.js0.chunk.js => 用户.js

Answer 1

到目前为止，我知道如何命名延迟加载 block 的唯一方法是在 Angular CLI 之外使用带有 angular-router-loader 包的 webpack 配置:

https://github.com/brandonroberts/angular-router-loader/blob/master/docs/options.md#lazy-loading-options

这是 webpack.config.js 文件中加载程序的示例

{
    test: /\.ts$/,
    loaders: [
      {
          loader: 'awesome-typescript-loader',
          options: { configFileName: helpers.root('src', 'tsconfig.json')
      }
      },  
      'angular-router-loader',
      'angular2-template-loader'
    ]
}

那么路由路径应该像这样配置:

{
  path: 'lazy',
  loadChildren './lazy.module#LazyModule?chunkName=MyChunk'
}

我一直在等待将此功能添加到 Angular CLI 中。这是问题所在:https://github.com/angular/angular-cli/issues/5171