webpack.config.js

  const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');

  module.exports = {
    entry: {
       index: './src/index.ts',
       digger: './src/digger-modules/index.tsx',
    },
    devtool: 'inline-source-map',
    resolve: {
      extensions: ['.ts', '.js', '.tsx']
    },
    module: {
      rules: [
        // compile and use typescript files
        { test: /\.ts$/, loader: "ts-loader" },
        // don't forget the tsx files
        { test: /\.tsx?$/,
          use: 'ts-loader',
          exclude: /node_modules/, },
        // do some complicated css module things
        { test: /\.css$/i,
          exclude: /node_modules/,
          use: [
            'style-loader',
            { loader: 'css-loader',
              // using CSS modules, rename all of the included classes as followint:
              options: { modules:
                         { localIdentName: "[path][name]_[local]" }}}]},
        //
        //  the following config options base64 encode all included images, and
        //    put them inline into the generated html.
        //      why? because: I want the generated js to be as easily included anywhere as possible,
        //        as a single file bundle, so you don't have to worry about where to host the images
        //
        { test: /\.(png|jpg|gif)$/i,
          use: [
            { loader: 'url-loader',
              options: {
                // the limit, for some reason, is 'true' when the file is allowed
                // to be any size.  'false' will default to file-loader after a certain
                // filesize, instead of base64 encoding
                limit: true }}]},
      ]
    },
    plugins: [
      new HtmlWebpackPlugin({
        title: 'Hot Module Replacement',
      }),
    ],
    devServer: {
      // not sure what this does:
      contentBase: path.join(__dirname, 'public'),
      // the port the dev server is meant to run on:
      port: 8002,
      // make the dev server accessible over the local network
      host: "0.0.0.0",
      // give the dev server a flag that we will be reloading things:
      hot: true,
    },
    output: {
      filename: '[name].bundle.js',
      path: path.resolve(__dirname, '_dist'),
      clean: true,
    },
  };