webpack.config.js

const url = require('url');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const title = process.env.TITLE || 'Chicago Worldcon Bid';
const sourceMap = process.env.NODE_ENV === 'production' ? 'source-map' : 'eval-source-map';

const apiHost = process.env.API_HOST || '';

const cfg = {
  entry: [
    './src/index.jsx'
  ],
  devtool: sourceMap,
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: "bundle.js"
  },
  module: {
    rules: [
      { test: /\.css$/, use: ['style-loader', 'css-loader'], exclude: /flexboxgrid/ },
      { test: /\.css$/, loader: 'style-loader!css-loader?modules', include: /flexboxgrid/, },
      { test: /\.jsx?$/, exclude: /node_modules/, use: ['babel-loader'] },
      { test: /\.(jpe?g|png|gif|svg)$/i, loader: 'file-loader?name=img/[name].[ext]' },
        //{ test: /\.(jpe?g|png|gif|svg)$/i, loader: 'url-loader?limit=8192' }
      {
        type: 'javascript/auto',
        test: /\.messages\.json$/,
        loader: 'messageformat-loader',
        options: {
            locale: ['en'],
        }
      }
    ]
  },
  resolve: {
    extensions: [ '.js', '.jsx', '.css' ]
  },
  plugins: [
      new webpack.NoEmitOnErrorsPlugin(),
      new HtmlWebpackPlugin({
          inject: 'body',
          template: 'src/index.ejs',
          title
      })
  ]
};

const globals = {
  API_HOST: JSON.stringify(apiHost),
  ENV: JSON.stringify(process.env.NODE_ENV || ''),
  TITLE: JSON.stringify(title)
}

if (process.env.NODE_ENV === 'production') {

  console.log('PRODUCTION build\n');
  globals['process.env'] = {
    NODE_ENV: JSON.stringify('production')
  }

} else {

  console.log((process.env.NODE_ENV || 'development').toUpperCase() + ' build');

  cfg.entry.push('webpack/hot/dev-server');

  const apiHost = process.env.API_HOST ||
    (process.env.DOCKER_HOST && url.parse(process.env.DOCKER_HOST).hostname || 'localhost') + ':4430';
  globals.API_HOST = JSON.stringify(apiHost);
  console.log('Using API host', apiHost, '\n');
}
cfg.plugins.push(new webpack.DefinePlugin(globals));

module.exports = cfg;