webpack.config.js

const {resolve} = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const webpackValidator = require('webpack-validator')
const OfflinePlugin = require('offline-plugin')
const package = require('./package.json')

module.exports = env => {
  env = env || {};
  const specifyProp = (add, value) => add ? value : undefined
  const ifProd = value => specifyProp(env.prod, value)
  const ifDev = value => specifyProp(!env.prod, value)
  const removeEmpty = array => array.filter(i => !!i)
  const assetsPath = env.prod?'/assets/':''
  const indexPath = env.prod?'../':''
  return {
    entry:
      {
        app: removeEmpty([
          ifDev('webpack-hot-middleware/client?reload=true'),
          './js/index.js'
        ]),
        bootstrap: removeEmpty([
          ifDev('webpack-hot-middleware/client?reload=true'),
          './sass/main.scss'
        ])
      },
    output: {
      filename: env.prod ? 'bundle.[name].[chunkhash].js' : '[name].js',
      path: resolve(__dirname, `dist${assetsPath}`),
      pathinfo: !env.prod,
      publicPath: assetsPath
    },
    context: resolve(__dirname, 'src'),
    devtool: env.prod ? 'source-map' : 'eval-source-map',
    module: {
      loaders: removeEmpty([
        {test: /\.js$/, loader: 'babel', query: { "presets": removeEmpty(["es2015", "stage-2", "react", ifDev("react-hmre")]) }, exclude: /node_modules/},
        {test: /\.jade$/, loader: 'jade'},
        ifDev({test: /\.css$/,   loader: 'style!css?modules&localIdentName=[name]---[local]---[hash:base64:5]'}),
        ifDev({test: /\.scss$/,  loaders: ["style", "css", "sass?sourceMap"]}),
        ifProd({test: /\.css$/,   loader: ExtractTextPlugin.extract("style-loader", "css-loader")}),
        ifProd({test: /\.scss$/,  loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")}),
        {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff"},
        {test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader"},
        {test: /\.(jpg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=15000"},
        {test: /\.(png|gif|mp3)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader"}
      ]),
    },
    resolve: {
      modules: [
        resolve(__dirname,'src/js'),
        'node_modules'
      ]
    },
    recordsPath: resolve(__dirname, './webpack-records.json'),
    plugins: removeEmpty([
      ifProd(new ExtractTextPlugin('bundle.[name]-[hash].min.css')),
      new HtmlWebpackPlugin({
        filename: `${indexPath}index.html`,
        favicon: './images/favicon.png',
        title: package.name,
        description: package.description,
        template: './index.jade',
        NODE_ENV: env.prod ? 'production' : 'development',
        inject: !env.prod
      }),
      ifDev(new webpack.optimize.OccurrenceOrderPlugin()),
      ifDev(new webpack.HotModuleReplacementPlugin()),
      ifDev(new webpack.NoErrorsPlugin()),
      new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify(env.prod ?'production':'development')}),
      ifProd(new OfflinePlugin()),
    ]),
  }
}