webpack.config.js

const path = require('path')
const join = path.join
const resolve = path.resolve
const webpack = require('webpack')

const packageName = process.env.npm_package_config_package
const packageRoot = packageName
  ? resolve(__dirname, 'packages', packageName)
  : resolve(__dirname)

module.exports = env => {
  const ifProd = (...args) => (env.prod ? args : [])
  const ifDev = (...args) => (env.dev ? args : [])
  const ifIe9 = (...args) => (env.dev ? args : [])

  return {
    entry: {
      examples: [
        ...ifDev(
          'react-hot-loader/patch',
          'eventsource-polyfill',
          'webpack-hot-middleware/client'
        ),
        '../examples/src/index',
      ],
      // dist: [
      //   ...ifDev(
      //     'react-hot-loader/patch',
      //     'eventsource-polyfill',
      //     'webpack-hot-middleware/client'
      //   ),
      //   '../examples/src/index-dist',
      // ],
      vendor: ['babel-polyfill', 'react', 'react-dom'],
    },
    output: {
      filename: 'bundle-[name].js',
      sourceMapFilename: 'bundle-[name].js.map',
      path: resolve(__dirname, 'dist'),
      pathinfo: !env.prod,
      publicPath: '/static/',
    },
    plugins: [
      //new webpack.NormalModuleReplacementPlugin(/\/iconv-loader$/, 'node-noop'),
      new webpack.optimize.CommonsChunkPlugin({ name: 'vendor' }),
      ...ifDev(
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoEmitOnErrorsPlugin()
      ),
      ...ifProd(
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.LoaderOptionsPlugin({
          minimize: true,
          debug: false,
        }),
        new webpack.DefinePlugin({
          'process.env': {
            NODE_ENV: JSON.stringify('production'),
          },
        }),
        new webpack.optimize.UglifyJsPlugin({
          output: {
            comments: false,
          },
          sourceMap: true,
          compress: {
            screw_ie8: true,
            warnings: false,
          },
        })
      ),
    ],
    resolve: {
      alias: {
        react: path.resolve('./node_modules/react'),
        'react-dom': path.resolve('./node_modules/react-dom'),
        //        'styled-components': path.resolve('./node_modules/styled-components'),
      },
      mainFields: [
        ...ifIe9('browser:ie9'),
        'browser',
        //        ...ifDev('dev:main'),
        'module',
        'main',
      ],
    },
    context: resolve(packageRoot, 'src'),
    devtool: env.prod ? 'source-map' : 'module-eval-source-map',
    bail: env.prod,
    module: {
      loaders: [
        {
          test: /\.jsx?/,
          loader: 'babel-loader',
          include: [
            join(packageRoot, 'src'),
            join(packageRoot, 'example'),
            // ...ifDev(
            //   join(packageRoot, 'node_modules', '@di', 'react-playground-lite', 'src'),
            //   join(packageRoot, 'node_modules', '@di', 'di-ui-icon-elements'),
            //   join(packageRoot, 'node_modules', '@di', 'leapfrog-util')
            // ),
          ],
        },
        {
          test: /\.png$/,
          loader: 'url-loader?limit=100000',
        },
        {
          test: /\.jpg$/,
          loader: 'url-loader?limit=100000',
        },
        {
          test: /\.json$/,
          loader: 'json-loader',
        },
        { test: /\.css$/, loader: 'style!css' },
      ],
    },
  }
}