webpack.config.js

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

const nodeModulesPath = path.join(__dirname, 'node_modules');
const isProduction = process.env.NODE_ENV == 'production';

const config = {
    entry: {
        vendors: [
            'react',
            'react-dom',
            'redux',
            'react-redux',
            'redux-thunk',
            'redux-logger',
            'babel-polyfill',
            path.join(__dirname, 'babel', 'helpers.js')
        ],
        app: [
            path.join(__dirname, 'App', 'Index.tsx')
        ]
    },

    resolve: {
        extensions: [
            '.tsx',
            '.ts',
            '.js',
            '.less',
            '.css'
        ],
        modules: [
            "node_modules",
            "resources"
        ]
    },

    output: {
        path: path.join(__dirname, 'public'),
        filename: '[name]_[chunkhash].js'
    },

    module: {
        rules: [
            {
                test: /\.tsx$/,
                enforce: "pre",
                loader: 'tslint-loader',
                options: {
                    emitErrors: true
                }
            },
            {
                test: /\.tsx?$/,
                loaders: [
                    "babel-loader?cacheDirectory",
                    "awesome-typescript-loader?tsconfig=tsconfig.webpack.json&useCache=true"
                ]
            },
            {
                test: /\.css$/,
                loaders: [
                    "style-loader",
                    "css-loader?minimize"
                ]
            },
            {
                test: /\.less$/,
                exclude: /\.module\.less$/,
                loaders: [
                    "style-loader",
                    "css-loader?minimize&importLoaders=1&localIdentName=[name]_[local]__[hash:base64:5]",
                    "less-loader?-compress"
                ]
            },
            {
                test: /\.(jpg|png|woff|eot|ttf|svg|gif)$/,
                loader: "file-loader?name=[name]_[hash].[ext]"
            }
        ]
    },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendors',
            filename: 'vendors_[hash].js'
        }),
        new HtmlWebpackPlugin({
            template: 'index.html'
        }),
        new webpack.DefinePlugin({
            DEBUG: true
        })
    ]
};

if (isProduction) {
    config.plugins.push(new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }));
    config.plugins.push(new webpack.DefinePlugin({
        'process_env': {
            NODE_ENV: '"production"'
        },
        DEBUG: false
    }));
}

module.exports = config;