Making Page Bundles for Electron

webpack.config.ts

import * as webpack from 'webpack';
import { resolve } from 'path';
import { existsSync } from 'fs';

const NormalModuleReplacementPlugin: any = require('webpack/lib/NormalModuleReplacementPlugin');

export = function webpackConfig(): webpack.Configuration {
	return {
		entry: {
			index: './lib/pages/index.js',
			runner: './lib/pages/runner.js'
		},
		externals: [ (context: any, request: string, callback: (context?: any, response?: string) => any) => {
			if (request === 'electron') {
				return callback(null, `require('electron')`);
			}
			return callback();
		} ],
		output: {
			path: resolve(__dirname, '../lib'),
			filename: 'page.[name].js'
		},
		plugins: [
			new NormalModuleReplacementPlugin(/\.m.css$/, (result: any) => {
				const requestFileName = resolve(result.context, result.request);
				const jsFileName = requestFileName + '.js';

				if (existsSync(jsFileName)) {
					result.request = result.request.replace(/\.m\.css$/, '.m.css.js');
				}
			})
		],
		module: {
			rules: [
				{ test: /\.js$/, loader: 'umd-compat-loader' },
				{ test: /\.css$/, loader: 'css-loader' }
			]
		},
		node: {
			fs: 'empty'
		},
		devtool: 'source-map'
	};
};