header-ui/webpack.config.js

Header UI

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

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: {
    index: './src/index.js',
  },
  externals: {
    lodash: {
      root: '_',
      commonjs: 'lodash',
      commonjs2: 'lodash',
      amd: 'lodash',
    },
    react: {
      root: "React",
      commonjs2: 'react',
      commonjs: 'react',
      amd: 'react',
    },
    'react-dom': {
      root: "ReactDOM",
      commonjs2: 'react-dom',
      commonjs: 'react-dom',
      amd: 'react-dom',
    }
  },

  resolve: {
    extensions: ['.js', '.jsx', '.css'],
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          cacheDirectory: true,
          plugins: [
            'transform-decorators-legacy',
            'transform-class-properties',
            'transform-object-rest-spread',
          ],
          presets: ['es2015-node5', 'react', 'stage-0'],
        },
      },
      {
        test: /\.(js|jsx)$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          cacheDirectory: true,
          plugins: [
            'transform-decorators-legacy',
            'transform-class-properties',
            'transform-object-rest-spread',
          ],
          presets: ['es2015-node5', 'react', 'stage-0'],
        },
      },
      {
        test: /\.css/,
        loader: ['style-loader', 'css-loader'],
      },
    ],
  },
  output: {
    path: `${__dirname}/build/`,
    filename: '[name].js',
    library: 'Header',
    libraryTarget: 'umd',
  },
  plugins: []
};