webpack.config.js

var ComponentPlugin = require("component-webpack-plugin"),
    webpack = require("webpack"),
    path = require("path");

module.exports = {
    context: __dirname,
    entry: "./public/js/main.js",
    devtool: 'inline-source-map',

    output: {
        path: path.join(__dirname, "build"),
        publicPath: "build/", // relative path for github pages
        filename: "build.js",   // no hash in main.js because index.html is a static page
        sourceMapFilename: "maps.map",
        chunkFilename: "[hash]/js/[id].js",
        hotUpdateMainFilename: "[hash]/update.json",
        hotUpdateChunkFilename: "[hash]/js/[id].update.js"
    },

    resolve: {
        // Absolute path that contains modules
        root: __dirname,

        // Directory names to be searched for modules
        modulesDirectories: ['public/js', 'node_modules'],

        // Replace modules with other modules or paths for compatibility or convenience
        alias: {
          'underscore': 'lodash'
        }
    },
    recordsOutputPath: path.join(__dirname, "records.json"),
    module: {
        loaders: [
            { test: /\.json$/,   loader: "json-loader" },
            //{ test: /\.coffee$/, loader: "coffee-loader" },
            { test: /\.css$/,    loader: "style-loader!css-loader" },
            { test: /\.less$/,   loader: "style-loader!css-loader!less-loader" },
            { test: /\.sass$/,   loader: "style-loader!css-loader!sass-loader" },
            { test: /\.jade$/,   loader: "jade-loader?self" },
            { test: /\.png$/,    loader: "url-loader?prefix=img/&limit=5000" },
            { test: /\.jpg$/,    loader: "url-loader?prefix=img/&limit=5000" },
            { test: /\.gif$/,    loader: "url-loader?prefix=img/&limit=5000" },
            { test: /\.woff$/,   loader: "url-loader?prefix=font/&limit=5000" },
            { test: /\.eot$/,    loader: "file-loader?prefix=font/" },
            { test: /\.ttf$/,    loader: "file-loader?prefix=font/" },
            { test: /\.svg$/,    loader: "file-loader?prefix=font/" },
        ],
        preLoaders: [
            {
                test: /\.js$/,
                include: pathToRegExp(path.join(__dirname, "public")),
                exclude: pathToRegExp(path.join(__dirname, "public/lib")),
                exclude: pathToRegExp(path.join(__dirname, "public/js/lib")),
                loader: "jshint-loader"
            },
        ]
    },
    amd: { jQuery: true },
    plugins: [
        new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 20 }),
        new ComponentPlugin()
    ],
    fakeUpdateVersion: 0
};
function escapeRegExpString(str) { return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); }
function pathToRegExp(p) { return new RegExp("^" + escapeRegExpString(p)); }