How to pass .env file variables to webpack config?

by

You can use dotenv package for this purpose.

npm install dotenv --save

After installing the package, add this in the top of your config:

const webpack = require('webpack'); // only add this if you don't have yet

// replace accordingly './.env' with the path of your .env file 
require('dotenv').config({ path: './.env' });

then in plugins section, add this:

new webpack.DefinePlugin({
  "process.env": JSON.stringify(process.env),
}),

More Related Contents:

  1. angular.service vs angular.factory
  2. How do you prevent duplicate user properties in Firebase?
  3. What is the difference between ng-if and ng-show/ng-hide
  4. Link vs compile vs controller
  5. Using protractor with loops
  6. Angularjs loading screen on ajax request
  7. AngularJS UI Router – change url without reloading state
  8. Reading response headers when using $http of Angularjs
  9. AngularJS ng-options create range
  10. angular.min.js.map not found, what is it exactly?
  11. AngularJS – difference between pristine/dirty and touched/untouched
  12. Anchor links in Angularjs?
  13. AngularJS : The correct way of binding to a service properties
  14. Run a controller function whenever a view is opened/shown
  15. Pass form to directive
  16. how does the binding and digesting work in AngularJS?
  17. Use filter on ng-options to change the value displayed
  18. ionic app cannot connect cors enabled server with $http
  19. shuffle array in ng-repeat angular
  20. How to master AngularJS? [closed]
  21. Understanding the transclude option of directive definition?
  22. angularjs 1.x support lifecycle and end-of-life
  23. How to integrate AngularUI to AngularJS?
  24. Fontawesome is not working when project is built with grunt
  25. angularjs text area character counter
  26. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  27. how to pass querystring in angular routes?
  28. Two views in one AngularUI Router state sharing scope
  29. How to set scope property with ng-init?
  30. Highlighting a filtered result in AngularJS

Leave a Comment