How are you guys developing with Angular right now?
Hi guys,
I'm curious about the development processes of those of you using Angular.
The starting point is that, somewhere, there lives an Angular project full of (mostly) typescript files. Eventually, those files need to be built, and the resulting built files served up to a browser.
Given that, let's say I want to go change one of the typescript files. What are some clean ways to, during development, see that change reflected on the active webpage in the development environment. For something like a .cls or .csp file, after you save and compile a changed file in Studio/Atelier, the IDE handles that entire build process for you, and from the developer's perspective it's just: compile, reload the webpage, and your changes are there.
My initial thought is to point the "csp files physical path" of a web application to the directory where I have ng build put the resulting 7 files from the build. Then, a call to [cname of server]/web app name/index.html will get you to the app (and at some point redirect simpler URL's to here). I could write a script (which could later be translated into some Studio/Atelier UI component) which navigates to the ng project in the remote workspace, then builds the files (directing the build output to wherever the web application is looking). The developer would need to save their changes, then run this script in order to see their changes reflected on the environment's webpage.
An inconvenience during this process is that the src imports in index.html need to be prepended with the webapp's name. Lines like this:
</script><script type="text/javascript" src="polyfills.js">
need to be replaced with:
</script><script type="text/javascript" src="[web app name]/polyfills.js">
in order for it to actually find the polyfills.js file it's looking for. It's not super difficult to write a quick program to do this replace after a build, but there might be a cleaner solution I'm missing.
So let me know what you guys are doing for development and deployment with Angular. Is it similar? Totally different? Are there assumptions I'm making you'd recommend against?
Also, how are you guys handling package management? Do you source control node_modules? How often/where do you run your npm install commands?
All input is very appreciated :)