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",
        },
      }),
    ],
  }].concat(process.env.NODE_ENV === 'development' ? [] :[
  {
    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"],
          },
        },
      ],
    },
  },
]);