@gridonic/webpack/src/helpers/enableHmr.js

Our webpack configuration.

// @see https://github.com/webpack/webpack
const webpack = require('webpack');

const setIfUnknown = require('../helpers/setIfUnknown');

module.exports = ({ protocol, host, port, webpackConfig }) => {
    const hotEntries = [
        `webpack-dev-server/client?${protocol}://${host}:${port}/`,
        'webpack/hot/dev-server'
    ];

    // @see https://webpack.js.org/plugins/hot-module-replacement-plugin/
    webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());

    // Make sure socketjs uses correct port. Usually webpack figures this out on it’s own,
    // but when we run webpack with a vhost it kind of struggles.
    // @see https://github.com/webpack/webpack-dev-server/pull/1792
    setIfUnknown(webpackConfig, 'devServer.sockPort', port);

    // If webpack entry is a string,
    // convert it into an array.
    if (typeof webpackConfig.entry === 'string') {
        webpackConfig.entry = [
            ...hotEntries,
            webpackConfig.entry
        ];

        return;
    }

    // If webpack entry is an array/object,
    // inject the hot entries for each entry.
    Object
        .entries(webpackConfig.entry)
        .forEach(([key, value]) => {
            webpackConfig.entry[key] = [
                ...hotEntries,
                value
            ];
        });
};