clustergrammer/webpack.config.js

This is a clustergram implemented in D3.js. I started from the example http://bost.ocks.org/mike/miserables/ and added the following features

/* global __dirname:false */

var DEBUG = process.argv.indexOf('-p') === -1;
var webpack = require('webpack')
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');

module.exports = [
  {
      entry: './src/main.js',
      // devtool: DEBUG ? 'cheap-module-eval-source-map' : false,
      devtool: DEBUG ? 'cheap-module-source-map' : false,
      target: 'web',
      output: {
        path: __dirname,
        filename: 'clustergrammer.js',
        libraryTarget: 'var',
        library: 'Clustergrammer'
      },
      externals: {
        'jQuery': 'jQuery',
        // 'lodash': '_',
        // 'underscore': '_',
        'd3': 'd3'
      },
      module: {
          loaders: [
              {
                test: /\.js$/,
                loader: 'babel',
                query: {
                  // presets: ['es2015']
                }
              }
          ]
      },
    // plugins: [
    //   new BrowserSyncPlugin({
    //     // browse to http://localhost:3000/ during development,
    //     // ./public directory is being served
    //     host: 'localhost',
    //     port: 3000,
    //     server: { baseDir: [''] }
    //   })
    // ],
  },
  {
      entry: './src/main.js',
      // devtool: DEBUG ? 'cheap-module-eval-source-map' : false,
      devtool: DEBUG ? 'cheap-module-source-map' : false,
      target: 'web',
      output: {
        path: __dirname,
        filename: 'clustergrammer.node.js',
        libraryTarget: 'commonjs2',
        library: 'Clustergrammer'
      },
      externals: {
        'jQuery': 'jQuery',
        // 'lodash': '_',
        // 'underscore': '_',
        'd3': 'd3'
      },
      module: {
          loaders: [
              {
                test: /\.js$/,
                loader: 'babel',
                query: {
                  presets: ['es2015']
                }
              }
          ]
      }
  },
  {
      entry: './src/main.js',
      // devtool: DEBUG ? 'cheap-module-eval-source-map' : false,
      devtool: DEBUG ? 'cheap-module-source-map' : false,
      target: 'web',
      output: {
        path: __dirname,
        filename: 'clustergrammer.min.js',
        libraryTarget: 'var',
        library: 'Clustergrammer'
      },
      externals: {
        'jQuery': 'jQuery',
        // 'lodash': '_',
        // 'underscore': '_',
        'd3': 'd3'
      },
      plugins:[
        new webpack.optimize.UglifyJsPlugin({compress: { warnings: false }})
      ],
      module: {
          loaders: [
              {
                test: /\.js$/,
                loader: 'babel',
                query: {
                  presets: ['es2015']
                }
              }
          ]
      }
  },
  {
      entry: './src/main.js',
      // devtool: DEBUG ? 'cheap-module-eval-source-map' : false,
      devtool: DEBUG ? 'cheap-module-source-map' : false,
      target: 'web',
      output: {
        path: __dirname,
        filename: 'clustergrammer.node.min.js',
        libraryTarget: 'commonjs2',
        library: 'Clustergrammer'
      },
      externals: {
        'jQuery': 'jQuery',
        // 'lodash': '_',
        // 'underscore': '_',
        'd3': 'd3'
      },
      plugins:[
        new webpack.optimize.UglifyJsPlugin({compress: { warnings: false }})
      ],
      module: {
          loaders: [
              {
                test: /\.js$/,
                loader: 'babel',
                query: {
                  presets: ['es2015']
                }
              }
          ]
      }
  }
];