Webpack config for deck.gl (working for react-map-gl)

webpack.config.base.js

/* eslint strict: 0 */
'use strict';
const webpack = require('webpack')
const path = require('path')


// Attempt at getting deck.gl working with webpack. See https://github.com/uber/deck.gl/issues/247
// This works for react-map-gl but not deck.gl.
module.exports = {
  module: {
    noParse: /node_modules\/mapbox-gl\/dist\/mapbox-gl.js/,
    loaders: [
      {
        test: /\.jsx?$/,
        loaders: ['babel-loader'],
        exclude: /node_modules/
      }, {
        test: /\.json$/,
        loader: 'json-loader'
      }
    ]
  },
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    libraryTarget: 'commonjs2'
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
    packageMains: ['webpack', 'browser', 'web', 'browserify', ['jam', 'main'], 'main'],
    alias: {
      'crossfilter': 'crossfilter2',
      'mapbox-gl/js/geo/transform': path.join(__dirname, "/node_modules/mapbox-gl/js/geo/transform"),
      'mapbox-gl': path.join(__dirname, "/node_modules/mapbox-gl/dist/mapbox-gl.js")
    }
  },
  plugins: [
    // Don't load the huge moment locale translations
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
  ],
  node: {
    "canvas": "empty",
    "jsdom": "empty"
  },
};