webpack.config.js

const path = require('path')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

var NPM_RUN = process.env.npm_lifecycle_event

const externals = () => {
  // By default, only Clappr is defined as external library
  return {
    clappr: {
      amd: 'clappr',
      commonjs: 'clappr',
      commonjs2: 'clappr',
      root: 'Clappr'
    }
  }
}

const webpackConfig = (config) => {
  return {
    devServer: {
      contentBase: [
        path.resolve(__dirname, 'public'),
      ],
      disableHostCheck: true, // https://github.com/webpack/webpack-dev-server/issues/882
      compress: true,
      host: '0.0.0.0',
      port: 8181
    },
    mode: config.mode,
    devtool: 'source-maps',
    entry: path.resolve(__dirname, 'src/clappr-dash-shaka-playback.js'),
    externals: config.externals,
    module: {
      rules: [
        {
          test: /\.js$/,
          loader: 'babel-loader',
          include: [
            path.resolve(__dirname, 'src')
          ]
        },
      ],
    },
    output: {
      path: path.resolve(__dirname, 'dist'),
      publicPath: 'dist/',
      filename: config.filename,
      library: 'DashShakaPlayback',
      libraryTarget: 'umd',
    },
    plugins: config.plugins,
  }
}

var configurations = []

if (NPM_RUN === 'build' || NPM_RUN === 'start') {
  // Unminified bundle with shaka-player
  configurations.push(webpackConfig({
    filename: 'dash-shaka-playback.js',
    plugins: [],
    externals: externals(),
    mode: 'development'
  }))

  // Unminified bundle without shaka-player
  var customExt = externals()
  customExt['shaka-player'] = 'shaka'
  configurations.push(webpackConfig({
    filename: 'dash-shaka-playback.external.js',
    plugins: [],
    externals: customExt,
    mode: 'development'
  }))
}

if (NPM_RUN === 'release') {
  // Minified bundle with shaka-player
  configurations.push(webpackConfig({
    filename: 'dash-shaka-playback.min.js',
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          sourceMap: true
        }),
      ]
    },
    externals: externals(),
    mode: 'production'
  }))

  // Minified bundle without shaka-player
  var customExt = externals()
  customExt['shaka-player'] = 'shaka'
  configurations.push(webpackConfig({
    filename: 'dash-shaka-playback.external.min.js',
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          sourceMap: true
        }),
      ]
    },
    externals: customExt,
    mode: 'production'
  }))
}

// https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations
module.exports = configurations