如何在角度4延迟加载中更改chunk.js名称

Question

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

我的问题是:如何更改该块名称？例如:1.chunk.js => about.js 0.chunk.js => user.js

Answer 1

到目前为止，我知道如何命名延迟加载块的唯一方法是在 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