webpack.config.js

// built files are found at /public/__build__/*
// how do I get `webpack` to build to `public/__build__/`
// but have the webpack dev server serve `public/index.html`
// and the bundles from `/__build__/`?
//
// I'm using this to run the server
//
// webpack-dev-server --inline --content-base public/
//
// and this is my config:

var webpack = require('webpack');

module.exports = {
  entry: {
    app: './app/main.js',
    vendor: ['react', 'react-router']
  },

  output: {
    filename: 'public/__build__/app.js'
  },

  module: {
    loaders: [
      {test: /\.js$/, loader: 'jsx-loader?harmony&insertPragma=React.DOM'}
    ]
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin('vendor', 'public/__build__/vendor.js')
  ]
};

var webpack = require('webpack');
var path = require('path');

module.exports = {
  entry: {
    app: './app/main.js',
    vendor: ['react', 'react-router']
  },
  // create app.js and vendor.js in './public/__build__' 
  output: {
    path: path.join(__dirname, 'public', '__build__'),
    filename: '[name].js',
  },
  module: {
    loaders: [
      {test: /\.js$/, loader: 'jsx-loader?harmony&insertPragma=React.DOM'}
    ]
  },
  // create common.js with common chunks in app.js, vendor.js
  plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js', ['vendor', 'app'])
  ]
};