Replace chunk name with module name in angular 4 lazy loading

Question

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'
}

Answer 1

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

Answer 2

 ng build --namedChunks=true --outputHashing=none --vendorChunk=true

• namedChunks Use file name for lazy loaded chunks
• output-hashing Define the output filename cache-busting hashing mode.
• vendorChunk Use a separate bundle containing only vendor libraries.