Webpack Env
Webpack ENV is a webpack plug-in for creating ENV-variable-like globals in webpack.
Setup
First add Webpack Env as a webpack plug-in, using gulp this would look something like this:
//gulpfile.jsvar gulp = ;var webpack = ;var webpackEnv = ; gulp;
Create a .env.js
file in the same directory as your gulpfile.js.
This file should export an object that contains the eventual globals
you want your webpack code to contain:
moduleexports = SOME_VAR: 'some val'
Multiple Environments
Weback Env also supports having multiple files for multiple environments.
To create a set of Production environment globals, just create a .production_env.js
file and run gulp with NODE_ENV set to 'production'.
Keep your secrets out of the repo
Be sure you've added all your .env
files to your .gitignore
.