Home

The problam we targeting :

Having a web app developed in Ionic framework and Deploying to heroku with Git.
I must manage at least two environments, prod(uction) and dev(elopment), and another important requirement is that no sensitive data (e.g API_URL, CLIENT_KEY) will publicly sit in the app's git repo.

so ..

• first, manage two envaierments, prod and dev, with different behaviors - in this case inject different envaierment variables values in dev mode and prod mode.
  
• seconde, inject envaierment variable - conataininig sensitive values - on the heroku server without it sitting in the repo.
  

we dealing with multiples framework in this process Angular, Ionic, Webpack and Heroku

The solution :

What you need to do

res:

• https://devcenter.heroku.com/articles/nodejs-support
• https://github.com/ionic-team/ionic-app-scripts
• https://github.com/gshigeto/ionic-environment-variables
• https://webpack.js.org/plugins/define-plugin/
• https://stackoverflow.com/questions/41473262/deploying-ionic2-on-heroku
• https://stackoverflow.com/questions/36223070/how-to-deploy-node-that-uses-webpack-to-heroku
• https://github.com/ionic-team/ionic-app-scripts/blob/master/CHANGELOG.md#300-2017-09-28
• https://stackoverflow.com/questions/43598311/component-is-part-of-the-declaration-of-2-modules/47394702
• https://forum.ionicframework.com/t/howto-webpack/47694
• https://www.williamghelfi.com/blog/2017/06/22/ionic-environments-webpack/
• https://blog.grossman.io/writing-es6-ionic-code-with-webpack/