webpack.dev.js

const { merge } = require("webpack-merge"),
	{
		entry,
		output,
		cssRule,
		fontRule,
		iconRule,
		providejQuery,
		extractCss,
		createIndexHtml,
		copyStaticAssets,
		config,
	} = require("./webpack.common");

module.exports = merge(config, {
	// Use default entry
	entry: merge(entry, { "service-worker": "~/service-worker" }),

	// Use default output, with no hash in file names
	output,

	module: {
		rules: [cssRule, fontRule, iconRule],
	},

	// Eval source maps
	devtool: "eval-source-map",

	devServer: {
		open: true,
		proxy: [
			{
				context: ["/"],
				target: "http://localhost:3000",
			},
		],
	},

	plugins: [providejQuery, extractCss(), createIndexHtml, copyStaticAssets],
});