webpack-define-envs-plugin/index.js

Embed environment variables as global constants for local js files.

const webpack = require("webpack");


class DefineEnvsPlugin {
    /**
     * `DefineEnvsPlugin` takes array of keys, stringify each of the
     * `process.env.<key>` values, then define the global
     * constants using `webpack.DefinePlugin` with a custom scope.
     *
     * @param {Array} keys - keys to be defined from process.env scope.
     * @param {String} scope - scope of the global constants. Default to "process.env".
     */
    constructor(keys, scope = "process.env") {
        if (!Array.isArray(keys)) {
            throw new Error("'keys' parameter must be an array.");
        }
        this.keys = keys;
        this.scope = scope;
    }

    apply(compiler) {
        const definitions = {
            [this.scope]: this.keys.reduce((acc, cur) => {
                const value = process.env[cur];
                acc[cur] = value === undefined ? "undefined" : JSON.stringify(value);

                return acc;
            }, {}),
        };

        new webpack.DefinePlugin(definitions).apply(compiler);
    }
}

module.exports = DefineEnvsPlugin;