webpack.config.js

/* 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: './',
          index: 'index.html'
        }
      })
    ],
  },
  // {
  //     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']
  //               }
  //             }
  //         ]
  //     }
  // }
];