feat(mobile): add separate config flags to toggle build

[jeffbcross]

This suggestion was brought up by @kara.

During development, compiling the App Shell can be a burden: It takes a while to bundle files into a single concatenated script, the compilation often fails because of a missing provider or other non-prerender-friendly code. However, compiling during development also has advantages, like making sure the transition from shell to real app is seamless, making sure compilation works, etc.

So it would be nice to be able to easily disable app shell compilation during dev build.

Right now, the only option in angular-cli.json for mobile projects is a single mobile: true setting. This could be expanded to be an object with more granular configuration, one of which could modify what mobile pieces are built during dev and prod:

angular-cli.json

mobile: {
  dev: {
    buildAppShell: true,
    buildServiceWorker: false,
    buildAppManifest: true
  },
  prod: {
    buildAppShell: true,
    buildServiceWorker: false,
    buildAppManifest: true
  }
}

The downside to this design is that the build becomes more complicated. For example, right now, Service Worker assumes that App Shell is being built, and therefore only caches the bundled JS plus static non-JS assets. With more configuration, the Service Worker would have to figure out which JS tree it should be caching.

[filipesilva]

@jeffbcross is this still an issue on the webpack branch?

[jeffbcross]

@filipesilva this would still be a nice feature to have.

[CharlBest]

I can't wait for this feature especially after the Angular Universal integration as well. Creating progressive web app will be so easy and integrated nicely. So excited!!

[filipesilva]

Closing as it this isn't being acted on anymore. See #2228 for context.

[CharlBest]

Haha. I caused this issue to close. Sort of by saying something. But I understand @filipesilva. Only so much time :) Thanks for the reply. You guys are doing awesome work!!

[filipesilva]

Kinda, yeah :D. When you commented I got an email that prompted me to review it.

Glad you're enjoying the CLI!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}