webpack.development.js

/* eslint-env node */

const { resolve, join } = require('path');

const host = '0.0.0.0';
const port = 7003;

const srcFolder = resolve(__dirname, 'src');

module.exports = {
    mode: 'development',
    devtool: 'inline-source-map',
    entry: ['react-hot-loader/patch', srcFolder ],
    output: {
        path: resolve('public'),
        filename: '[name].js',
        chunkFilename: '[name].js',
        publicPath: '/',
        sourceMapFilename: '[name].js.map',
        pathinfo: false,
    },
    resolve: {
        alias: {
            'react-dom': '@hot-loader/react-dom',
        },
    },
    devServer: {
        contentBase: join(__dirname, 'public'),
        publicPath: '/',
        disableHostCheck: true,
        compress: true,
        index: 'client.html',
        hot: true,
        // http2: true,
        https: true,
        inline: true,
        overlay: true,
        port,
        host,
        historyApiFallback: true,
        after: function() {
            console.log('Ready on "%s" %o', `https://${host}:${port}`)
        },
        stats: 'minimal',
        noInfo: true,
    }
}