react-hoverbox/Gruntfile.js

ReactJS Component that knows when it's hovered over

var path = require('path');

module.exports = function(grunt) {

    grunt.initConfig({
        webpack: {
            all:{
                devtool: 'source-map',
                entry: './index',
                output: {
                    path:"dist/",
                    filename:"index.js",
                    libraryTarget: "commonjs2"
                },
                resolve: {
                    extensions: ['', '.js', '.jsx']
                },
                module: {
                    loaders: [
                        {
                        test: /\.json$/,
                        loaders: ['json-loader']
                    },
                    {
                        test: /\.js$/,
                        loaders: ['babel?blacklist[]=strict&compact=false']
                    },
                    {
                        test: /\.(png|jpg)$/,
                        loaders: ['url-loader?limit=8192']
                    },
                    {
                        test: /\.css$/,
                        loader: "style-loader!css-loader!less-loader?strictMath!"+__dirname+"/webpack-loaders/css-dir-loader.js!less-loader"
                    }
                    ]
                },
                externals:["react", "react-dom", "lodash", "jquery", "moment", "moment-timezone"]
            }
        }
    });

    grunt.loadNpmTasks('grunt-webpack');

    grunt.registerTask('default', ['webpack']);
}