webpack.config.js

const webpack = require('webpack');
const path = require('path');

module.exports = {
  // put sourcemaps inline
  devtool: 'eval',
  mode: "production",
  // entry point of our application, within the `src` directory (which we add to resolve.modules below):
  entry: ['index.tsx'],

  // configure the output directory and publicPath for the devServer
  output: {
    filename: 'app.js',
    publicPath: 'dist',
    path: path.resolve('dist'),
  },

  // configure the dev server to run
  devServer: {
    port: 3000,
    historyApiFallback: true,
    inline: true,
  },

  // tell Webpack to load TypeScript files
  resolve: {
    // Look for modules in .ts(x) files first, then .js
    extensions: ['.ts', '.tsx', '.js'],

    // add 'src' to the modules, so that when you import files you can do so with 'src' as the relative route
    modules: ['src', 'node_modules'],
  },

  module: {
    rules: [{
        test: /\.tsx?$/,
        exclude: /node_modules/,
        enforce: "pre",
        use: [{
          loader: 'babel-loader'
        }, {
          loader: 'ts-loader',

        }, ]
      },
      {
        test: /\.scss$/,
        exclude: /node_modules/,
        use: [{
            loader: 'style-loader'
          },
          {
            loader: "css-loader"
          },
          {
            loader: "sass-loader",
          }
        ]
      }
    ]
  },
  externals: {
    // "react": "React",
    // "react-dom": "ReactDOM"
  }
};