webpack.config.js

const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const parts = require('./webpack.parts');
const nodeExternals = require('webpack-node-externals');
const PATHS = {
  prod: path.resolve(__dirname, 'prod'),
};

// PRODUCTION CONFIGS
const productionConfig = merge([
  // Clean build folder between builds
  parts.clean(PATHS.prod),
  // Minify Javascript
  parts.minifyJavaScript(),
  // Output
  {
    output: {
      path: PATHS.prod,
      filename: '[name].prod.js',
    },
    plugins: [
      // Ignore stuff
      new webpack.IgnorePlugin(/vertx/),
    ],
    // Exclude NodeModules
    externals: [
      nodeExternals({
        whitelist: [
          'react-hot-loader',
          'react-hot-loader/patch',
          'redux-logger',
        ],
      }),
    ],
  },
]);

// DEVELOPMENT CONFIGS
const developmentConfig = merge([
  // Analyze Bundle
  parts.analyzeBundle(),
  // Dev Server
  parts.devServer({
    host: 'localhost',
    port: 3000,
  }),
  // Output
  {
    output: {
      publicPath: 'http://localhost:3000/',
      filename: '[name].dev.js',
    },
    // Other Plugins
    plugins: [
      // prints more readable module names in the browser console on HMR updates
      new webpack.NamedModulesPlugin(),
      // Ignore stuff
      new webpack.IgnorePlugin(/vertx/),
    ],
    // Ignore all modules in node_modules folder
    externals: [
      nodeExternals({
        // Except Webpack Hot Devserver & Emitter so
        // react-hot-loader can work properly
        whitelist: ['webpack/hot/dev-server', 'webpack/hot/emitter'],
      }),
    ],
  },
]);

// SHARED CONFIGS
const commonConfig = merge([
  // Check Duplicates
  parts.checkDuplicate({
    verbose: true,
    emitError: true,
  }),
  // Separate source map from bundles
  parts.generateSourceMaps({ type: 'none' }),
  {
    target: 'electron-renderer',
    // Set Performance Budget
    performance: {
      // Show performance warning. Can use 'error' as well
      hints: 'warning',
      maxEntrypointSize: 100000, // in bytes
      maxAssetSize: 450000, // in bytes
    },

    entry: {
      tour: ['react-hot-loader/patch', './tour/index.jsx'],
      main: [
        'react-hot-loader/patch',
        './app/renderers/startup.js',
        './app/renderers/dialog.js',
        './app/renderers/menu.js',
        './app/index.jsx',
      ],
      preview: ['react-hot-loader/patch', './preview/index.jsx'],
      modal: ['react-hot-loader/patch', './modal/index.jsx'],
    },

    context: path.resolve(__dirname),

    resolve: {
      extensions: ['.js', '.jsx'],
    },

    module: {
      rules: [
        {
          test: /\.jsx$/,
          exclude: [path.resolve(__dirname, 'node_modules')],
          loader: 'babel-loader',
        },
      ],
    },

    node: {
      __dirname: false,
      __filename: false,
    },
  },
]);

// EXPORT
module.exports = env => {
  if (env && env.production) {
    return merge(productionConfig, commonConfig);
  }
  return merge(developmentConfig, commonConfig);
};