webpack.config.js

const webpack = require('webpack');
const path = require('path');
const WebpackNotifier = require('webpack-notifier');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const webpackConfig = {
    entry: {
        app: path.join(__dirname, './src')
    },
    output: {
        path: path.join(__dirname, './dist/'),
        filename: '[name].bundle.js'
    },
    mode: process.env.NODE_ENV === 'production' ? 'production' : 'dev',
    module: {
        rules: [
            {
                test: /\.css$/,
                use: 'css-loader'
            }, {
                test: /\.(woff|woff2|ttf|svg|eot|png|jpg)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                use: 'file-loader'
            }
        ]
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
        }),
        new HtmlWebpackPlugin({
            title: 'Click somewhere',
        })
    ],
    resolve: {
        modules: ['node_modules', path.resolve('./src/client')],
        extensions: ['.js', '.json', '.scss', '.css']
    },
    node: {
        fs: 'empty',
        net: 'empty',
        tls: 'empty'
    }
};

if (process.env.NODE_ENV === 'production') {
    const additionalPlugins = [
        new webpack.optimize.OccurrenceOrderPlugin(false)
    ];
    webpackConfig.plugins = webpackConfig.plugins.concat(additionalPlugins);
} else {
    webpackConfig.plugins.push(new WebpackNotifier());
    webpackConfig.devtool = '#source-map';
}

module.exports = webpackConfig;