webpack.config.js

var path = require('path');
var webpack = require('webpack');
var ROOT = path.resolve(__dirname, 'src/main/resources/static');
var SRC = path.resolve(ROOT, 'javascript');
var DEST = path.resolve(__dirname, 'build/resources/main/static/javascript');

module.exports = {
    devtool: 'source-map',
    entry: {
        app: SRC + '/index.jsx'
    },
    resolve: {
        modules: [
            path.resolve(ROOT, 'javascript'),
            path.resolve(ROOT, 'css'),
            'node_modules'
        ],
        extensions: ['.js', '.jsx']
    },
    output: {
        path: DEST,
        filename: 'bundle.js',
        publicPath: '/javascript/'
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,  // Notice the regex here. We're matching on js and jsx files.
                loaders: ['babel-loader?presets[]=es2015&presets[]=react'],
                include: SRC
            },

            {test: /\.css$/, loader: 'style-loader!css-loader'},
            {test: /\.less$/, loader: 'style!css!less'},

            // Needed for the css-loader when [bootstrap-webpack](https://github.com/bline/bootstrap-webpack)
            // loads bootstrap's css.
            {test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff'},
            {test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream'},
            {test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file'},
            {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml'}
        ]
    }
};