webpack.config.js

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

module.exports = {
    devtool: "source-map",
    entry: {
        client: ['react-hot-loader/patch', 'webpack/hot/only-dev-server', './src/develop']
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js',
        publicPath: '/'
    },
    devServer: {
        hot: true,
        port: 3000,
        historyApiFallback: true,
        contentBase: [path.resolve(__dirname, 'localModel')]
    },
    resolve: {
        extensions: [".ts", ".tsx", ".js", ".json"]
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                loaders: ['react-hot-loader/webpack', 'awesome-typescript-loader']
            },
            {
                enforce: "pre",
                test: /\.js$/,
                loader: "source-map-loader"
            },
            {
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader']
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.html$/,
                use: 'html-loader'
            },
            {
                test: /\.(jpe?g|gif|png|svg)$/i,
                use: [
                    { loader: 'base64-inline-loader?name=[name].[ext]' }
                ]
            }
        ]
    },

    plugins: [
        new CopyWebpackPlugin([ { from: './localModel', to: 'assets' } ]),
        new webpack.HotModuleReplacementPlugin(),
        new HtmlWebpackPlugin({
            hash: true,
            template: './src/index.html',
            filename: 'index.html',
            chunksSortMode: 'auto',
            chunks: ['vendor', 'client'],
            minify: {
                collapseWhitespace: false
            }
        })
    ]

};