webpack-dev.config.js

var glob = require('glob');
var join = require('path').join;
var webpack = require('webpack');

// Run one component at a time.
var args = process.argv.slice(4);
var components = args.length ? join('components', args[0], '/') : 'components/*';

var ENTRY = {};
var RESOLVE_ROOT = [__dirname];
glob.sync(components).forEach(function (componentPath) {
  // Output to components/X/examples/build.js while watching components/X/examples/main.js.
  ENTRY[join(componentPath, 'examples')] = join(__dirname, componentPath, 'examples', 'main.js');

  // Add local node_modules/ directories.
  RESOLVE_ROOT.push(join(componentPath));
});

var PLUGINS = [
  new webpack.DefinePlugin({
    'process.env': {'NODE_ENV': JSON.stringify('production')}
  })
];
if (process.env.NODE_ENV === 'production') {
  PLUGINS.push(new webpack.optimize.UglifyJsPlugin());
}

module.exports = {
  devServer: {port: 9090},
  entry: ENTRY,
  output: {
    path: __dirname,
    filename: '[name]/build.js'
  },
  module: {
    loaders: [{test: /\.glsl$/, loader: 'shader'}],
  },
  plugins: PLUGINS,
  resolve: {
    root: RESOLVE_ROOT
  }
};