webpack.config.js

const webpack = require("webpack");
const path = require("path");
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");

const config = {
  entry: __dirname + "/src/index.ts",
  output: {
    path: __dirname + "/dist",
    filename: "mystical.js",
    library: "mystical",
    libraryTarget: "umd"
    // umdNamedDefine: true
  },

  //// Currently we need to add '.ts' to the resolve.extensions array.
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"]
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        loader: "awesome-typescript-loader"
      }
    ]
  },

  plugins: [
    new webpack.optimize.UglifyJsPlugin(),
    // new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: path.join(__dirname, "demo"),
    compress: true,
    port: 9000,
    hot: true,
    overlay: true,
    publicPath: "/dist/" /* '/dist/' */
  }
};

module.exports = config;