webpack.config.js

var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');

module.exports = {
  entry: {
    login:  './src/index.login.jsx',
    #: './src/index.#.jsx',
    app:    './src/index.app.jsx',
  },
  output: {
    path:     path.resolve(__dirname, 'demo'),
    filename: '[name].js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx$/,
        loader: 'babel-loader',
        query: {presets: ['es2015', 'react']}
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      }
    ]
  },
  plugins: [
    new CommonsChunkPlugin({
      name:     'commons',
      filename: 'commons.js'
    }),
    new HtmlWebpackPlugin({
      title:    'JS Chat Demo',
      filename: 'login.html',
      hash:     true,
      chunks:   ['commons', 'login']
    }),
    new HtmlWebpackPlugin({
      title:    'JS Chat Demo',
      filename: '#.html',
      hash:     true,
      chunks:   ['commons', '#']
    }),
    new HtmlWebpackPlugin({
      title:    'JS Chat Demo',
      filename: 'app.html',
      hash:     true,
      chunks:   ['commons', 'app']
    }),
    new CopyWebpackPlugin([
      {from: 'img', to: 'img'}
    ]),
  ],
  externals: {
    'react-native': 'undefined',
    'websocket': 'undefined'
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  }
}