var webpack = require("webpack");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    devtool: 'eval',
    entry: {
    "vendor": ['react', 'react-dom', 'whatwg-fetch'],
    "app": [
        'file?name=index.html!jade-html!./src/views/index.jade',
        __dirname + "/src/app.js",
        __dirname + "/src/style/main.css",
        'webpack-dev-server/client?http://localhost:3000',
        'webpack/hot/only-dev-server'
    ]
    },
    output: {
        path: __dirname + "/public",
        filename: "[name].js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") },
            { test: /\.js(x?)$/, exclude: /node_modules/, loader: "react-hot!babel" }
	]
    },
    plugins: [
        new ExtractTextPlugin("style.css", {
            allChunks: true
        }),
        new webpack.optimize.CommonsChunkPlugin(
            "vendor", "vendor.bundle.js"
        ),
        new webpack.HotModuleReplacementPlugin()
    ]
};