webpack_common_config.js

// COMMON WEBPACK ENVIRONMENT
var webpack = require('webpack');
var path = require('path');

var ExtractTextPlugin = require('extract-text-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

let pathsToClean = ['dist'];
let cleanOptions = 
{
    root: ('./dist'),
    verbose: true
}

module.exports = function(env) {
    return {

        entry: {
            polyfills: './polyfills.ts',
            app: './main.ts'
        },

        output: {
            filename: '[name].js',
            path: root('./dist'),
        },

        resolve: {
            extensions: ['.ts', '.tsx', '.js', '.jsx', '.css']
        },

        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    exclude: __dirname + /node_modules/,
                    loader: 'awesome-typescript-loader'
                },
                {
                    test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
                    loader: 'file-loader?emitFile=false&name=[path][name].[ext]',
                    options: {
                        limit: 10000
                    }
                },
                {
                    test: /\.css$/,
                    loader: ExtractTextPlugin.extract(
                        {
                            fallback: 'style-loader',
                            use: 'css-loader',
                        }
                    )
                },
                {   
                    test: /\.html$/,
                    use: [{
                        loader: 'html-loader'
                    }]

                }
            ]
        },

        plugins: [

            new CleanWebpackPlugin(pathsToClean, cleanOptions),

            new webpack.ContextReplacementPlugin(
                // Angular5 - Webpack build workaround
                /angular(\\|\/)core(\\|\/)/,
                root('./application'),
                {}
            ),
            
            new webpack.optimize.ModuleConcatenationPlugin(),
            
            new webpack.optimize.OccurrenceOrderPlugin(),

            new ExtractTextPlugin({
                filename: 'styles.bundle.css',
                allChunks: true
            }),

            new HtmlWebpackPlugin({
                files: {
                    "css" : ["styles.bundle.css"]
                },
                hash: true,
                inject: 'body',
                cache: false,
                template: './my-index.ejs'
            })

        ]

    }
}
function root(__path) {
    return path.join(__dirname, __path);
}