webpack.config.js

const path = require('path')
const webpack = require('webpack')
const MinifyPlugin = require('babel-minify-webpack-plugin')
const clone = require('lodash/cloneDeep')
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')

const PROD = process.env.NODE_ENV === 'production'

const presets = (targets) => [['@babel/preset-env', { targets }], '@babel/typescript']

const plugins = [
  new webpack.optimize.OccurrenceOrderPlugin(),
  new webpack.EnvironmentPlugin({
    NODE_ENV: 'development',
  }),
  new LodashModuleReplacementPlugin({
    caching: true,
    cloning: true,
  }),
]

if (PROD) {
  plugins.push(new MinifyPlugin())
  plugins.push(
    new webpack.LoaderOptionsPlugin({
      minimize: true,
      debug: false,
    })
  )
  plugins.push(new webpack.optimize.ModuleConcatenationPlugin())
}

const baseFileName = `contentful-management`

const baseBundleConfig = {
  mode: PROD ? 'production' : 'development',
  context: path.join(__dirname, 'lib'),
  entry: ['./contentful-management.ts'],
  output: {
    path: path.join(__dirname, 'dist'),
    libraryTarget: 'umd',
    library: 'contentfulManagement',
  },
  module: {
    rules: [],
  },
  resolve: {
    extensions: ['.js', '.ts'],
  },
  devtool: PROD ? false : 'source-map',
  plugins,
  node: {
    os: 'empty',
  },
  // Show minimal information, but all errors and warnings
  // Except for log generation which have to contain all information
  stats: process.env.WEBPACK_MODE === 'log' ? 'verbose' : 'normal',
}

const defaultBabelLoader = {
  test: /\.(ts|js)x?$/,
  include: [path.resolve(__dirname, 'lib'), path.resolve(__dirname, 'test')],
  loader: 'babel-loader',
  options: {
    presets: [],
  },
}

// Browsers
const browserBundle = clone(baseBundleConfig)
browserBundle.module.rules = [
  Object.assign({}, defaultBabelLoader, {
    options: Object.assign({}, defaultBabelLoader.options, {
      presets: presets({
        browsers: ['last 2 versions', 'not ie < 13', 'not android < 50'],
      }),
      envName: 'browser',
    }),
  }),
]
browserBundle.output.filename = `${baseFileName}.browser${PROD ? '.min' : ''}.js`

// Legacy browsers like IE11
const legacyBundle = clone(baseBundleConfig)
legacyBundle.module.rules = [
  Object.assign({}, defaultBabelLoader, {
    options: Object.assign({}, defaultBabelLoader.options, {
      envName: 'legacy',
      presets: presets({
        browsers: ['last 5 versions', 'not ie < 10'],
      }),
    }),
  }),
]

// To be replaced with babel-polyfill with babel-preset-env 2.0:
// https://github.com/babel/babel-preset-env#usebuiltins
// https://github.com/babel/babel-preset-env/pull/241
legacyBundle.entry = [
  'core-js/fn/promise',
  'core-js/fn/object/assign',
  'core-js/fn/array/from',
  'core-js/es6/symbol',
  'core-js/fn/symbol/async-iterator',
].concat(legacyBundle.entry)

legacyBundle.output.filename = `${baseFileName}.legacy${PROD ? '.min' : ''}.js`

// Node
const nodeBundle = clone(baseBundleConfig)
nodeBundle.module.rules = [
  Object.assign({}, defaultBabelLoader, {
    options: Object.assign({}, defaultBabelLoader.options, {
      envName: 'node',
      presets: presets({
        node: '6',
      }),
    }),
  }),
]
nodeBundle.target = 'node'
nodeBundle.output.libraryTarget = 'commonjs2'
nodeBundle.output.filename = `${baseFileName}.node${PROD ? '.min' : ''}.js`
delete nodeBundle.node

module.exports = [browserBundle, legacyBundle, nodeBundle]