Demonstration on how to easily setup environment variables in Ionic 2
TypeScript CSS JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Latest commit 3bd1847 Mar 22, 2017

README.md

ionic2-environment-variables

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

ionic serve

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/