react-mgallery/webpack.demos.config.js

React component for mobile web gallery

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require("path");
var dist = '../github.io/mgallery';

module.exports = {
    context: path.resolve('demos'),
    entry: [
        'babel-polyfill',
        './app.jsx'
    ],
    output: {
        path: path.resolve(dist),
        filename: '[name].js?[chunkhash]'
    },
    plugins: [
        new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"production"' }),
        new HtmlWebpackPlugin({ template: 'index.html' })
    ],
    resolve: {
        extensions: ['', '.js', '.jsx'],
        root: path.resolve('./src')
    },

    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loaders: [
                    'babel'
                ]
            }, {
                test: /\.less$/,
                loaders: [
                    'style',
                    'css?-minimize',
                    'postcss',
                    'less'
                ]
            }, {
                test: /\.(png|jpg?g)$/,
                loader: 'file?name=[path][name].[ext]?[hash]'
            }
        ]
    },

    postcss: function () {
        return [
            require('autoprefixer')({ browsers: ["Android >= 4", "iOS >= 7"]})
        ];
    }
};