webpack.config.js

const path = require('path');  
const webpack = require('webpack');  
const ExtractTextPlugin = require('extract-text-webpack-plugin');  
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin;  
const merge = require('webpack-merge');

module.exports = (env) => {  
    const isDevBuild = !(env && env.prod);

    // replace extractCSS with these two extractors
    const extractSiteLess = new ExtractTextPlugin('site.css');
    const extractBootstrapLess = new ExtractTextPlugin('bootstrap.css');

    // Configuration in common to both client-side and server-side bundles
    const sharedConfig = () => ({
        stats: { modules: false },
        resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx'] },
        output: {
            filename: '[name].js',
            publicPath: '/dist/' // Webpack dev middleware, if enabled, handles requests for this URL prefix
        },
        module: {
            rules: [
                { test: /\.tsx?$/, include: /ClientApp/, use: 'awesome-typescript-loader?silent=true' }
            ]
        },
        plugins: [new CheckerPlugin()]
    });

    // Configuration for client-side bundle suitable for running in browsers
    const clientBundleOutputDir = './wwwroot/dist';
    const clientBundleConfig = merge(sharedConfig(), {
        entry: { 'main-client': './ClientApp/boot-client.tsx' },
        module: {
            rules: [

            // use this rule to compile site.css
            // it limits its input to site.less
            // don't forget to include the less-loader
            { 
                test: /site\.less$/, 
                use: extractSiteLess.extract({
                    use: [
                        { loader: isDevBuild ? 'css-loader' : 'css-loader?minimize' }, 
                        { loader: 'less-loader' }
                    ]
                }),
            }, 

            // use this rule to compile bootstrap.css
            // it limits its input to bootstrap.less
            // don't forget to include the less-loader
            { 
                test: /bootstrap\.less$/, 
                use: extractBootstrapLess.extract({
                    use: [
                        { loader: isDevBuild ? 'css-loader' : 'css-loader?minimize' }, 
                        { loader: 'less-loader' }
                    ]
                }),
            }, 
            { 
                test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf)$/, 
                use: 'url-loader?limit=25000' 
            }]
        },
        output: { path: path.join(__dirname, clientBundleOutputDir) },
        plugins: [

            // include the less plugins 
            extractSiteLess,
            extractBootstrapLess,
            new webpack.DllReferencePlugin({
                context: __dirname,
                manifest: require('./wwwroot/dist/vendor-manifest.json')
            }),
        ].concat(isDevBuild ? [
            // Plugins that apply in development builds only
            new webpack.SourceMapDevToolPlugin({
                filename: '[file].map', // Remove this line if you prefer inline source maps
                moduleFilenameTemplate: path.relative(clientBundleOutputDir, '[resourcePath]') // Point sourcemap entries to the original file locations on disk
            })
        ] : [
            // Plugins that apply in production builds only
            new webpack.optimize.UglifyJsPlugin()
        ])
    });

    // Configuration for server-side (prerendering) bundle suitable for running in Node
    const serverBundleConfig = merge(sharedConfig(), {
        resolve: { mainFields: ['main'] },
        entry: { 'main-server': './ClientApp/boot-server.tsx' },
        plugins: [
            new webpack.DllReferencePlugin({
                context: __dirname,
                manifest: require('./ClientApp/dist/vendor-manifest.json'),
                sourceType: 'commonjs2',
                name: './vendor'
            })
        ],
        output: {
            libraryTarget: 'commonjs',
            path: path.join(__dirname, './ClientApp/dist')
        },
        target: 'node',
        devtool: 'inline-source-map'
    });

    return [clientBundleConfig, serverBundleConfig];
};

webpack.vendor.config.js

       const path = require('path');  
        const webpack = require('webpack');  
        const ExtractTextPlugin = require('extract-text-webpack-plugin');  
        const merge = require('webpack-merge');

        module.exports = (env) => {  
            const isDevBuild = !(env && env.prod);

            const sharedConfig = {
                stats: { modules: false },
                resolve: { extensions: [ '.js' ] },
                module: {
                    rules: [
                        { test: /\.(png|woff|woff2|eot|ttf|svg)(\?|$)/, use: 'url-loader?limit=100000' }
                    ]
                },
                entry: {
                    vendor: [
                        'bootstrap',
                        'domain-task',
                        'event-source-polyfill',
                        'history',
                        'react',
                        'react-dom',
                        'react-router-dom',
                        'react-redux',
                        'redux',
                        'redux-thunk',
                        'react-router-redux',
                        'jquery'
                    ],
                },
                output: {
                    publicPath: '/dist/',
                    filename: '[name].js',
                    library: '[name]_[hash]',
                },
                plugins: [
                    new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable)
                    new webpack.NormalModuleReplacementPlugin(/\/iconv-loader$/, require.resolve('node-noop')), // Workaround for https://github.com/andris9/encoding/issues/16
                    new webpack.DefinePlugin({
                        'process.env.NODE_ENV': isDevBuild ? '"development"' : '"production"'
                    })
                ]
            };

            const clientBundleConfig = merge(sharedConfig, {
                output: { path: path.join(__dirname, 'wwwroot', 'dist') },
                plugins: [
                    new webpack.DllPlugin({
                        path: path.join(__dirname, 'wwwroot', 'dist', '[name]-manifest.json'),
                        name: '[name]_[hash]'
                    })
                ].concat(isDevBuild ? [] : [
                    new webpack.optimize.UglifyJsPlugin()
                ])
            });

            const serverBundleConfig = merge(sharedConfig, {
                target: 'node',
                resolve: { mainFields: ['main'] },
                output: {
                    path: path.join(__dirname, 'ClientApp', 'dist'),
                    libraryTarget: 'commonjs2',
                },
                entry: { vendor: ['aspnet-prerendering', 'react-dom/server'] },
                plugins: [
                    new webpack.DllPlugin({
                        path: path.join(__dirname, 'ClientApp', 'dist', '[name]-manifest.json'),
                        name: '[name]_[hash]'
                    })
                ]
            });

            return [clientBundleConfig, serverBundleConfig];
        };