webpack.server.config.js

var path = require('path')
const webpack = require('webpack')
const merge = require('webpack-merge')
const NpmInstallPlugin = require('npm-install-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
var ExtractTextPlugin = require('extract-text-webpack-plugin')
var cssExtractPlugin = new ExtractTextPlugin('css/style.css?[contenthash:16]')

var Webpack_isomorphic_tools_plugin = require('webpack-isomorphic-tools/plugin')
var webpack_isomorphic_tools_plugin =
  // webpack-isomorphic-tools settings reside in a separate .js file
  // (because they will be used in the web server code too).
  new Webpack_isomorphic_tools_plugin(require('./webpack-isomorphic-tools-configuration'))
  // also enter development mode since it's a development webpack configuration
  // (see below for explanation)
  .development()

const PATHS = {
  context: path.join(__dirname),
  src: path.join(__dirname, 'src'),
  dist: path.join(__dirname, 'dist')
}

const common = {
  context: PATHS.context,
  entry: [
      PATHS.src + '/assets/libs/es5-shim.js',
      PATHS.src + '/assets/libs/es5-sham.js',
      PATHS.src + '/assets/libs/json3.js',
      './node_modules/console-polyfill/index.js',
      PATHS.src,
      'webpack-hot-middleware/client'
  ],
  output: {
      publicPath : '/',
      path: PATHS.dist,
      filename: 'bundle/bundle.js?[hash]'
  },
  externals: [{
  }],
  module: {
    loaders: [
        { test: /\.html$/, loader: "html" },
        { test: /\.(css|scss)$/, exclude: /node_modules/, loader: ExtractTextPlugin.extract("style", "css!sass")},
        { test: /\.jsx?$/,  exclude: /(node_modules|bower_components)/, loaders: ['babel?cacheDirectory']},
        { test: webpack_isomorphic_tools_plugin.regular_expression('woff'), loader: "url-loader?name=font/[name].[ext]?[hash]&limit=10000&minetype=application/font-woff" },
        { test: webpack_isomorphic_tools_plugin.regular_expression('iconfonts'), loader: "file-loader?name=font/[name].[ext]?[hash:16]" },
        { test: webpack_isomorphic_tools_plugin.regular_expression('jpg'), loader: "file-loader?name=img/[name].[ext]?[hash:16]" },
        { test: webpack_isomorphic_tools_plugin.regular_expression('png'), loader: 'url-loader?name=img/[name].[ext]?[hash:16]&limit=8192' }
    ],
    postLoaders: [{
      test: /\.jsx?$/,
      loaders: ['es3ify-loader'],
    }],
  },
  plugins: [
  cssExtractPlugin,
  // new HtmlWebpackPlugin({
  //   title: 'React',
  //   template:PATHS.src+'/assets/index.html'
  // })
  ],
  resolve: {
      // you can now require('file') instead of require('file.coffee')
      root:[path.resolve(PATHS.src+'/assets')],
      extensions: ['', '.jsx','.js', '.json','.scss','.css']
  },
  htmlLoader: {
    ignoreCustomFragments: [/\{\{.*?}}/]
  }
}

module.exports = merge(common, {
  devtool: 'inline-source-map',
  devServer: {
    contentBase: PATHS.dist,

    // Enable history API fallback so HTML5 History API based
    // routing works. This is a good default that will come
    // in handy in more complicated setups.
    historyApiFallback: false,
    hot: true,
    inline: true,
    progress: true,

    // Display only errors to reduce the amount of output.
    stats: 'errors-only',

    // Parse host and port from env so this is easy to customize.
    //
    // If you use Vagrant or Cloud9, set
    // host: process.env.HOST || '0.0.0.0'
    //
    // 0.0.0.0 is available to all network devices unlike default
    // localhost
    host: '0.0.0.0',
    port: process.env.PORT
  },
  plugins: [
    webpack_isomorphic_tools_plugin,
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new NpmInstallPlugin({
      save: true // --save
    })
  ]
})