read variables from a .env.js file and make them available to webpack as globals

Downloads in past


460.8.07 years ago7 years agoMinified + gzip package size for webpack-env in KB


Webpack Env
Build Status
Webpack ENV is a webpack plug-in for creating ENV-variable-like globals in webpack.


First add Webpack Env as a webpack plug-in, using gulp this would look something like this:
var gulp = require('gulp');
var webpack = require('webpack');
var webpackEnv = require('webpack-env');

gulp.task('webpack', function() {
  return gulp.src('./entry.js')
      output: {
        filename: 'bundle.js'
      plugins: [webpackEnv]
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:
module.exports = {
  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 NODEENV set to 'production'.

Keep your secrets out of the repo

Be sure you've added all your .env files to your .gitignore.