webpack.config.js

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

module.exports = {
  resolve: {
    extensions: ['.ts', '.tsx', '.js', '.jsx', '.scss', '.css', '.ttf']
  },
  entry: {
    app: [
      'webpack-hot-middleware/client?reload=true',
      './src/app.tsx'
    ]
  },
  output: {
    path: path.resolve(__dirname, './build/public'),
    filename: '[name].js',
    publicPath: '/'
  },
  module: {
    loaders: [
      { test: /\.tsx?/, loader: 'awesome-typescript-loader' },
      { test: /\.sc?ss/, loaders: ['style-loader', 'css-loader', 'sass-loader'] },
      { test: /.ttf/, loaders: ['url-loader'] }
    ]
  },
  devServer: {
    hot: true,
    contentBase: './build/public',
    inline: true,
    publicPath: 'http://localhost:8080/',
    port: 8080
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
  ]
}