Webpack's configuration snippet for Electron.

webpack.config.js

const webpack = require('webpack');
const { RENDERER_INPUT, MAIN_INPUT, BUILD_OUTPUT } = require('./bin/config');

// Define a base configuration.
const baseConfig = (env) => ({
    plugins: [new webpack.DefinePlugin({
        IS_PRO: env.IS_PRO ? true : false,
        IS_PROD: env.IS_PROD ? true : false,
        IS_PACKAGED: env.IS_PACKAGED ? true : false
    })],
    node: { __dirname: false }
});

// Extend the base to output both Main's and Renderer's configs.
const rendererConfig = (env) => Object.assign(
    baseConfig(env),
    {
        entry:  { renderer: RENDERER_INPUT },
        output: { path: BUILD_OUTPUT },
        target: 'electron-renderer'
    }
);

const mainConfig = (env) => Object.assign(
    baseConfig(env),
    {
        entry:  { main: MAIN_INPUT },
        output: { path: BUILD_OUTPUT },
        target: 'electron-main'
    }
);

module.exports = (env = {}) => [rendererConfig(env), mainConfig(env)];