webpack.config.babel.js

import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import CopyPlugin from 'copy-webpack-plugin';

const ENV = process.env.NODE_ENV || 'development';

const config = {
  context: `${__dirname}/client`,
  entry: './index.js',

  output: {
    library: 'OnfidoSampleApp',
    libraryTarget: 'umd',
    path: `${__dirname}/bin/client`,
    publicPath: '/',
    filename: 'onfido.app.min.js'
  },

  resolve: {
    extensions: ['.js', '.json'],
    modules: [
      `${__dirname}/node_modules`,
      `${__dirname}/client`
    ]
  },

  watch: true, 
  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000

  },

  module: {
    rules: [
      {
        test: /\.jsx?$/,
        include: [`${__dirname}/client`],
        use: ['babel-loader']
      },
      { test: /\.css$/, use: ["style-loader","css-loader"] }
    ]
  },

  plugins: [
    new HtmlWebpackPlugin({
      template: './index.html',
      minify: { collapseWhitespace: true }
    }),
    new CopyPlugin([
      { from: `${__dirname}/client/`, to: `${__dirname}/bin/client/`},
      { from: `${__dirname}/client/img`, to: `${__dirname}/bin/client/img`},      
    ])
  ],

  stats: { colors: true },

  devtool: "source-map"
};



export default config