production.webpack.config.js

var ExtractTextPlugin = require('extract-text-webpack-plugin')
var ExtendedDefinePlugin = require('extended-define-webpack-plugin')
var path = require('path')

module.exports = {
    entry: './src/index.tsx',
    resolve: {
        alias: {
            src: path.join(__dirname, 'src'),
            store: path.join(__dirname, 'src', 'store'),
            chart: path.join(__dirname, 'src', 'chart'),
            components: path.join(__dirname, 'src', 'components'),
            services: path.join(__dirname, 'src', 'services'),
            actions: path.join(__dirname, 'src', 'actions'),
            utils: path.join(__dirname, 'src', 'utils'),
            reducers: path.join(__dirname, 'src', 'reducers'),
            localization: path.join(__dirname, 'src', 'localization'),
            images: path.join(__dirname, 'src', 'images'),
            less: path.join(__dirname, 'src', 'less')
        },
        extensions: ['', '.ts', '.tsx', '.webpack.js', '.web.js', '.js']
    },

    output: {
        path: './build/',
        filename: 'bundle.js',
        publicPath: '/mobile/'
    },

    // Source maps support (or 'inline-source-map' also works)
    devtool: 'source-map',

    module: {
        loaders: [
            {
                test: /\.tsx?$/,
                loader: 'awesome-typescript-loader'
            },
            {
                test: /\.css/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            {
                test: /\.less$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
            },
            {
                test: /\.(png|gif)$/,
                loader: 'file-loader?name=[sha512:hash:base36:7].[ext]'
            },
            {
                test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url?limit=10000&mimetype=application/font-woff"
            }, {
                test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url?limit=10000&mimetype=application/font-woff"
            }, {
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url?limit=10000&mimetype=application/octet-stream"
            }, {
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
                loader: "file"
            }, {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url?limit=10000&mimetype=image/svg+xml"
            }
        ]
    },

    plugins: [
        new ExtractTextPlugin("styles.css", {
            allChunks: true
        }),
        new ExtendedDefinePlugin({
            'process.env.NODE_ENV': 'production'
        })
    ]
};