Angular2 application caching using HTML5 application cache

Question

I am working on a web application developed using Angular2, which should be fully functional offline. The browser that should be supported is Google Chrome, Safari, and Internet Explorer 11. To do this, I have considered using the HTML5 application cache function, but using it with the Angular application does not look as straightforward as with simple web pages.

The answer to this question says that you can do this with the help of service workers, but as far as I know, service workers are incompatible with every browser that I need to support.

Is there any way to do this without using service workers, and in this case how? Or is there another way to cache the entire application so that it works offline?

Answer 1

You Must Explore the Progressive Web Application Concept

There is also a repo here with some examples of creating a PWA application: https://github.com/johnpapa/pwa-angular