const path = require('path');
const webpack = require('webpack');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');


module.exports = {
  entry: "./src/index.tsx",
  output: {
    path: path.resolve(__dirname, '../public'),
    filename: "bundle.js",
  },
  devtool: "source-map",
  resolve: {
    modules: ['node_modules', path.resolve('app')],
    extensions: ['.js', '.jsx', '.json'],
  },
  /* --was-- resolve: {
    extensions: [".ts", ".tsx", ".js", ".json"]
  },*/

  module: {
    rules: [
      { test: /\.tsx?$/, loader: "ts-loader" },
      { enforce: "pre", test: /\.js$/, loader: "source-map-loader" }
    ]
  },
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        uglifyOptions: {
          compress: false,
          ecma: 6,
          mangle: true
        },
        sourceMap: true
      })
    ]
  },
  devServer: {
    contentBase: path.join(__dirname, '../public'),
    historyApiFallback: true,
    compress: true,
    hot: true,
    port: 9000,
  },
};