webpack.config.js

const path = require("path");
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    entry: './src/app.ts',
    output: {
        filename: 'app.js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: './assets/'
    },
    resolve: {
        extensions: [".ts", '.js', '.html']
    },
    devtool: 'source-map',
    devServer: {
        // Can be omitted unless you are using 'docker' 
        host: '0.0.0.0',
    
        // This is where webpack-dev-server serves your bundle
        // which is created in memory.
        // To use the in-memory bundle,
        // your <script> 'src' should point to the bundle
        // prefixed with the 'publicPath', e.g.:
        //   <script src='http://localhost:9001/assets/bundle.js'>
        //   </script>
        publicPath: '/dist/',
    
        // The local filesystem directory where static html files
        // should be placed.
        // Put your main static html page containing the <script> tag
        // here to enjoy 'live-reloading'
        // E.g., if 'contentBase' is '../views', you can
        // put 'index.html' in '../views/main/index.html', and
        // it will be available at the url:
        //   https://localhost:9001/main/index.html
        contentBase: __dirname,
    
        // 'Live-reloading' happens when you make changes to code
        // dependency pointed to by 'entry' parameter explained earlier.
        // To make live-reloading happen even when changes are made
        // to the static html pages in 'contentBase', add 
        // 'watchContentBase'
        watchContentBase: true,
        port: 9001
    },
    mode: "development",
    module: {
        rules: [{
            test: /\.tsx?$/,
            loader: 'ts-loader',
            exclude: /node_modules/
        },
        {
          test: /\.html$/,
          loader: 'file-loader',
          include: path.resolve(__dirname, 'src', 'res', 'html'),
          exclude: /node_modules/,
        }]
    },
    plugins : [
        new CopyWebpackPlugin([
            { from: 'assets', to: 'assets' },
            { from: './*.html' }
    ])]
};