Making a change then takes some more time. This works but it's not exactly quick since building the app for final output can take a while. It's not quite obvious, and in the past I've been doing this the hard wrong way, by building the app and then running it through another always on Web server (IIS). By default this server is set up to run as a local Web server, but you can set it up quite easily to also serve IP traffic externally. Live Reload ServerĪngular and a number of other tools use the WebPack development server. The syntax may be different so check the specific CLI documentation for host binding. Bonus: capture the phone output on your desktop screenĪlthough I specifically discuss the Angular Dev Server in this post, most other frameworks like Vue and React also use the same WebPack Dev server, so you can use the concepts described here with those CLIs as well.How to connect to the your server on the local network.Serve content and allow external IP Access.In this post I'll walk you through what you need to know in order to set up the Angular Dev server to: When you get it all going you can happily work like this on a mobile device: What's not so obvious: How do you get the live reload functionality to also work on a phone by connecting to your development machine, in order to be able to preview and tweak the layout quickly and just as easily as in a desktop browser? Turns out it's not that hard, but there's a bit of configuration that's required to connect the phone and desktop machine properly. Angular (and really any of the major JavaScript UI frameworks that integrate with the WebPack Dev Server) provides a built-in Live Reload Web server that makes it quick and easy to see UI changes updated in the browser as soon as you make a change to your code, HTML or CSS content.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |