webpack.common.js

var path = require('path')
var autoprefixer = require('autoprefixer')

var APP_DIR = path.resolve('src')
var BUILD_DIR = path.resolve('docs')

module.exports = {
  entry: path.resolve(APP_DIR, 'main.jsx'),
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },

  devServer: {
    hot: true,
    contentBase: BUILD_DIR
  },

  module: {
    rules: [
      {
        test: /\.css$/,
        include: APP_DIR,
        use: [
          {
            loader: 'style-loader'
          },
          {
            loader: 'css-loader',
            query: {
              modules: true
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: function () {
                return [autoprefixer]
              }
            }
          }
        ]
      },
      {
        test: /\.jsx?$/,
        include: APP_DIR,
        loader: 'babel-loader',
        options: {
          'presets': ['env', 'stage-0', 'react']
        }
      },
      {
        test: /\.(png|woff|woff2|eot|ttf|otf|svg)$/,
        include: APP_DIR,
        loader: 'url-loader',
        options: {
          limit: 100000
        }
      }
    ]
  }
}