webpack.config.js

var fs = require('fs')
var path = require('path')
var webpack = require('webpack')
var CopyWebpackPlugin = require('copy-webpack-plugin')
var ExtractTextPlugin = require('extract-text-webpack-plugin')
var FlowStatusWebpackPlugin = require('flow-status-webpack-plugin')
var dependencies = require('./package.json').dependencies

var resolveRoot = process.env.NODE_PATH
  ? process.env.NODE_PATH.split(';')
  : []

require('dotenv').config({
  path: process.env.DOTENV || '.env.example'
})

var examples = fs.readdirSync(path.join(__dirname, '/examples'))
  .map((name) => ({name, url: `/examples/${name}`}))

var plugins = [
  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
      BWD_EXAMPLES: JSON.stringify(
        (process.env.BWD_EXAMPLES ? JSON.parse(process.env.BWD_EXAMPLES) : []).concat(examples)
      )
    }
  }),
  new webpack.optimize.CommonsChunkPlugin('core', 'js/core.js'),
  new ExtractTextPlugin('css/[name].css', {allChunks: true}),
  new CopyWebpackPlugin([
    {from: 'src/views'},
    {from: 'CNAME'},
    {from: 'examples', to: 'examples'}
  ])
]

if (process.env.NODE_ENV === 'production') {
  plugins.push(new webpack.optimize.UglifyJsPlugin({warnings: false}))
} else {
  plugins.push(new FlowStatusWebpackPlugin({
    onError: console.error.bind(console),
    binaryPath: require('flow-bin')
  }))
}

module.exports = {
  entry: {
    core: Object.keys(dependencies),
    main: 'main'
  },
  output: {
    path: 'dist/',
    publicPath: '',
    filename: 'js/[name].js'
  },
  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
      {test: /\.json$/, loader: 'json5-loader'},
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract(
          'style-loader',
          'css-loader?-url' + (process.env.NODE_ENV === 'production' ? ',minimize' : '')
        )
      }
    ]
  },
  resolve: {
    root: resolveRoot.concat(path.join(__dirname, 'node_modules')),
    modulesDirectories: [
      'src',
      'src/js',
      __dirname,
      'node_modules'
    ],
    extensions: ['.js', '.css', '']
  },
  resolveLoader: {
    root: resolveRoot.concat(path.join(__dirname, 'node_modules'))
  },
  plugins: plugins
}