webpack.dev.js

const path = require('path');
const common = require('./webpack.common');
const merge = require('webpack-merge');
const HTMLWebpackPlugin = require('html-webpack-plugin');

const rules =[
{
    test: /\.scss$/,
    exclude: /node_modules/,
    use: ['style-loader', 'css-loader', 'sass-loader']
}];

module.exports = merge(common, {
        target: 'web',
        mode: 'development',
        entry: './src/index.tsx',
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: '[name].bundle.js'
        },
        devServer: {
            contentBase: './dist',
            port: 5000
        },
        module: { rules },
        plugins: [
            new HTMLWebpackPlugin({
                template: "./src/template.html"
            })
        ]
    }
)