webpack.config.js

const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const pkgJson = require('./package.json')

module.exports = {
  context: `${__dirname}/src`,

  output: {
    path: `${__dirname}/dist`,
    filename: '[name].[chunkhash].js'
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: (m) => m.context && m.context.indexOf('node_modules') !== -1
    }),

    new webpack.optimize.CommonsChunkPlugin({
      name: 'manifest',
      minChunks: Infinity
    }),

    /**
     * This renders out an `./dist/index.html` with all scripts, title etc. attached
     */
    new HtmlWebpackPlugin({
      title: pkgJson.description || pkgJson.name,
      filename: 'index.html',
      template: './index.html'
    }),

    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
      }
    })
  ],
  resolve: {
    modules: ['src/', 'node_modules'],
    extensions: ['.js', '.jsx', '.json']
  },
  performance: { hints: false },
  node: {
    fs: 'empty'
  },
  module: {
    rules: [
      // JS
      {
        test: /\.jsx?$/,
        exclude: [/node_modules/],
        use: {
          loader: 'babel-loader',
          options: { cacheDirectory: true }
        }
      },

      // JSON
      {
        test: /\.json$/,
        loader: 'json-loader'
      },

      // SASS/CSS
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      },

      // ASSETS
      {
        test: /\.(woff|woff2|ttf|eot|svg|png|gif|jpg|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loaders: [
          { loader: 'url-loader', options: { limit: 8192 } }
        ]
      }
    ]
  }
}