webpack.config.js

const webpack = require("webpack");
const path = require("path");

module.exports = {
    entry: {
        app: "./src/main.ts",
        vendor: "./src/vendor.ts"
    },
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "[name].js"
    },
    resolve: {
        extensions: [".ts", ".js"]
    },
    module: {
        rules: [
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                loaders: ["awesome-typescript-loader", "angular2-template-loader"]
            },
            {
                test: /\.html$/,
                exclude: /node_modules/,
                loaders: ["raw-loader"]
            },
            {
                test: /\.css$/,
                loaders: ["to-string-loader", "style-loader", "css-loader"]
            },
            {
                test: /\.(jpg|svg|png)$/,
                loader: "file-loader",
                options: {
                    name: "[path][name].[ext]",
                }  
            }
        ]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            names:["vendor"]
        })
    ],
    devtool: "source-map",
    devServer: {
        contentBase: path.join(__dirname, ""),
        port: 9000,
        watchContentBase: true
    }
};