webpack.dev.js

/* global require module */

const sourceDir = 'src/client';

const WebpackMerge = require('webpack-merge');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const commonConfig = require('./webpack.common.js');
const packageDetails = require('./package.json');

const copy = new CopyWebpackPlugin([
    {
        from: `${sourceDir}/manifest.json`,
        transform: (content, path) =>
            content.toString()
                .replace(/#manifest-origin#/g, '/')
    }
]);

const html = new HtmlWebpackPlugin({
    template: `${sourceDir}/index.ejs`,
    templateParameters: {
        titlePrefix: '[DEBUG] ',
        baseUrl: '/',
        version: packageDetails.version
    },
    filename: 'index.html',
    chunks: ['app']
});

module.exports = WebpackMerge(
    commonConfig,
    {
        devtool: 'inline-source-map',
        plugins: [
            copy,
            html
        ]
    }
);