Demonstration on how to easily setup environment variables in Ionic 2
Sets environment variables based on if Ionic 2 is running with the --prod flag. Adds just a single line to Ionic's default Webpack configuration.
If you need more than dev and prod (all that Ionic supports), you can use your Node environment (NODE_ENV) instead. For this demo both are used, but in a real app choose one, using both isn't intuitive.
After changing the Webpack config, all the logic is encapsulated in the environment-variables module, so it's easy to copy and paste this solution into any Webpack configured Angular 2 app.
Use 'dev' environment variables
Use 'prod' environment variables
ionic serve --prod
Use 'qa' environment variables
npm run ionic:serve:qa
Or simply set NODE_ENV to 'qa' before running serve, which is what that npm script does.
Companion to my tutorial here: http://www.roblouie.com/article/296/ionic-2-environment-variables-the-best-way/