Wordpress scripts HMR config for one or more blocks

webpack.config.js

// change webpack default config
const defaultConfig = require( '@wordpress/scripts/config/webpack.config.js' );
// eslint-disable-next-line import/no-extraneous-dependencies
require( 'dotenv' ).config();

/* Either define host, cert_location and key_location in .env file
	i root directory of the project or encode strings here to use
	https and hot reload under https. Alternatively, remove this config file
 */

function changeConfig ( config ) {
	config.devServer = {
			...config.devServer,
			host: process.env.host,
			server: {
				type: 'https',
				options: {
					cert: process.env.cert_location,
					key: process.env.key_location,
				},
			},
			allowedHosts: [
				process.env.host,
				'localhost',
				'127.0.0.1',
			],
		};

	// enable this if you are not using weback 4 API-s
	// config.experiments = { ...config.experiments, backCompat: false };
}

if ( process.env.NODE_ENV !== 'production' ) {
	if (Array.isArray(defaultConfig)) {
		for (const config of defaultConfig )
			changeConfig( config );
	} else {
		changeConfig( defaultConfig );
	}
}

module.exports = defaultConfig