angularangular-routerangular4-routerangular-router-loader

Replace chunk name with module name in angular 4 lazy loading

I'm using angular-cli-1.6.3 for bundling my project. I try to rename lazy loaded chunk name into valid module name. But it is not working. Code snippet given below,

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

  • you should be using -nc flag

    ng build --aot -nc

    or 

    ng build --aot --named-chunks

    Update 1 : Based on Comment

    to remove the hash numbers set the --output-hashing to false as below

    ng build --aot --nc --output-hashing=false

    Documentation Link