text: var rucksack = require('rucksack-css')
  var webpack = require('webpack')
  var path = require('path')
  var HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = {
    context: path.join(__dirname, './client'),
    entry: {
      jsx: './index.js',
      html: './index.html'
    },
    output: {
      path: path.join(__dirname, './static'),
      filename: 'bundle.js',
    },
    module: {
      loaders: [
        {
          test: /\.html$/,
          loader: 'file?name=[name].[ext]'
        },
        {
          test: /\.css$/,
          include: /client/,
          loaders: [
            'style-loader',
            'css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
            'postcss-loader'
          ]
        },
        {
          test: /\.css$/,
          exclude: /client/,
          loader: 'style!css'
        },
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          loaders: [
             'babel-loader'
          ]
        },
      ],
    },
    resolve: {
      extensions: ['', '.js', '.jsx']
    },
    postcss: [
      rucksack({
        autoprefixer: true
      })
    ],
    plugins: [
      new webpack.optimize.CommonsChunkPlugin('vendor.js'),
      new webpack.DefinePlugin({
        'process.env': { NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development') }
      }),
  		new HtmlWebpackPlugin({
      title: 'd3rings',
      template: 'html.ejs', // Load a custom template (ejs by default but can be changed) 
      inject: 'body' // Inject all scripts into the body (this is the default so you can skip it) 
    })
    ],
    devServer: {
      contentBase: './client',
      hot: true
    }
  }
  