webpack.dev.js

const path = require('path');
const merge = require('webpack-merge');

const common = require('./webpack.common.js');


module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        port: 5000,
        contentBase: common.output.path,
        overlay: {
            errors: true,
            warnings: true
        },
        inline: true, // iframe or inline script
        host: '0.0.0.0',
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                enforce: 'pre',
                use: [
                    {
                        loader: 'tslint-loader',
                        options: {
                            typeCheck: true,
                            configFile: path.relative(__dirname, 'tslint.json'),
                        }
                    },
                ],
            },
        ]
    },
});