react-chessdiagram/webpack.config.js

chess diagram react component

var path = require('path');
var webpack = require('webpack');

module.exports = {

    entry: {
      dev: ['./demo/App.js'], // dev version includes a host application to demonstrate the component
      dist: ['./src/chessdiagram.js'] // dist version is component only
    },
    output: {
      path: path.join(__dirname, '/build/'),
      filename: '[name].chessdiagram.js', // will be 'dev.chessdiagram.js' and 'dist.chessdiagram.js'
      publicPath: '/',                     // ./build => http://localhost:port/
      libraryTarget: 'umd'
    },

     externals: {
        react: {
            root: 'React',
            commonjs2: 'react',
            commonjs: 'react',
            amd: 'react'
        },
        'react-dom': {
            root: 'ReactDOM',
            commonjs2: 'react-dom',
            commonjs: 'react-dom',
            amd: 'react-dom'
        },
        // Externals to allow testing with enzyme
        'cheerio': 'window',
        'react/addons': 'react',
        'react/lib/ExecutionEnvironment': 'react',
        'react/lib/ReactContext': 'react'
    },

    module: {
      rules: [
        {
          test: /.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
          options: {
            presets: ['es2015', 'react']
          }
        },
        {
          test: /\.css$/,
          loaders: [
            {
              loader: 'style-loader'
            },
            {
              loader: 'css-loader'
            }
          ]
        }
      ]
    },
};