eqyiel/webpack.config.js

## webpack.config.js
/**
 * webpack.config.js
 */

const webpack = require('webpack');
const path = require('path');
const { stripIndent } = require('common-tags');

module.exports = (env, { p: production }) => ({
  ...{
    entry: path.resolve(__dirname, './index.js'),
    output: {
      filename: 'bundle.js',
    },

  // ... other config

  devServer: {
    hot: true,
    open: true,
    before: (_, devServer) => {
      devServer.serveMagicHtml = (req, res, next) => {
        res.end(
          stripIndent`
           <!doctype html>
           <html>
             <head>
               <meta charset="utf-8"/>
               <script type="text/javascript" charset="utf-8" src="http://localhost:8097"></script>
             </head>
             <body>
               <script type="text/javascript" charset="utf-8" src="${req.path}.js${req
            ._parsedUrl.search || ''}"></script>
             </body>
           </html>`,
        );
      };
    },
    openPage: 'webpack-dev-server/bundle',
    overlay: {
      warnings: true,
      errors: true,
    },
  },
});
	/**
	* webpack.config.js
	*/

	const webpack = require('webpack');
	const path = require('path');
	const { stripIndent } = require('common-tags');

	module.exports = (env, { p: production }) => ({
	...{
	entry: path.resolve(__dirname, './index.js'),
	output: {
	filename: 'bundle.js',
	},

	// ... other config

	devServer: {
	hot: true,
	open: true,
	before: (_, devServer) => {
	devServer.serveMagicHtml = (req, res, next) => {
	res.end(
	stripIndent`
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<script type="text/javascript" charset="utf-8" src="http://localhost:8097"></script>
	</head>
	<body>
	<script type="text/javascript" charset="utf-8" src="${req.path}.js${req
	._parsedUrl.search \|\| ''}"></script>
	</body>
	</html>`,
	);
	};
	},
	openPage: 'webpack-dev-server/bundle',
	overlay: {
	warnings: true,
	errors: true,
	},
	},
	});