webpack-dotenv-plugin/index.js

Use dotenv with webpack.

const dotenv = require('dotenv-safe');
const fs = require('fs');
const DefinePlugin = require('webpack').DefinePlugin;

module.exports = DotenvPlugin;

function DotenvPlugin(options) {
  options = options || {};
  if (!options.sample) options.sample = './.env.sample';
  if (!options.path) options.path = './.env';

  dotenv.config(options);

  this.example = dotenv.parse(fs.readFileSync(options.sample));
  this.env = {};
  if (fs.existsSync(options.path)) {
    this.env = dotenv.parse(fs.readFileSync(options.path));
  }
}

DotenvPlugin.prototype.apply = function(compiler) {
  const definitions = Object.keys(this.example).reduce((definitions, key) => {
    const existing = process.env[key];

    if (existing) {
      definitions[key] = JSON.stringify(existing);
      return definitions;
    }

    const value = this.env[key];
    if (value) definitions[key] = JSON.stringify(value);

    return definitions;
  }, {});

  const plugin = {
    'process.env': definitions,
  };

  new DefinePlugin(plugin).apply(compiler);
};