Improvement: Named chunks with code splitting in Ionic 3

[FdezRomero]

Note: for support questions, please use one of these channels:

https://forum.ionicframework.com/
http://ionicworldwide.herokuapp.com/

Short description of the problem:

It's common for devs needing to verify/debug what really gets exported or referenced in a module. As the chunks are named as sequential numbers, you have to check them one by one in order to find the module you're looking for (we have 80 of them).

What behavior are you expecting?

Chunks name to have some kind of reference to the module's class or file name. I believe Webpack calls this feature "named chunks": https://webpack.github.io/docs/code-splitting.html#named-chunks

Steps to reproduce:

1. Create an NgModule for every page.
2. Decorate pages with IonicPage.
3. Build.
4. Chunks are named sequentially in www/build.

Which @ionic/app-scripts version are you using?
1.3.1

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

    Cordova CLI: 6.5.0
    Ionic Framework Version: 3.0.1
    Ionic CLI Version: 3.0.0-beta.5
    ios-deploy version: 1.9.1
    ios-sim version: 5.0.13
    OS: macOS Sierra
    Node Version: v6.10.1
    Xcode version: Xcode 8.2.1 Build version 8C1002

[danbucholtz]

On my todo list 🐱 . Love the idea!

Thanks,
Dan

[FdezRomero]

Great! Thanks Dan! 👍

[awebdeveloper]

Plz don't make it about just splitting vendor code but having chunks with a good default size but a config to change it

[danbucholtz]

Someday we will get around to this. I would be lying if I said it was soon 🐱 .

Thanks,
Dan

[awebdeveloper]

what was lazy loading BTW

[shyamal890]

+1

[chaityashah]

Is there any solution or is this still in TODO list ?