webpack.config.js

const path = require('path');
const webpack = require('webpack');
const pkg = require('./package.json');

const isProd = (process.env.NODE_ENV === 'production');

const banner =  'remotestorage.js ' + pkg.version +
              ', ' + pkg.homepage +
              ', ' + pkg.license + ' licensed';

// minimize only in production
const plugins = isProd ? [
  new webpack.BannerPlugin(banner)
] : [];

module.exports = {
  entry: ['./src/remotestorage.ts'],
  devtool: 'source-map',
  // the only external dependecy is xmlhttprequest because it is
  // different in browser and in node env so user has to manage with that
  externals: ['xmlhttprequest'],
  plugins: plugins,
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.mjs$/,
        include: /node_modules/,
        type: 'javascript/auto'
      }
    ]
  },
  resolve: {
    extensions: ['.ts', '.mjs', '.js', '.json'],
  },
  output: {
    path: path.resolve(__dirname, 'release'),
    filename: 'remotestorage.js',
    library: {
      name: 'RemoteStorage',
      type: 'umd',
      export: 'default',
      umdNamedDefine: true,
    },
    globalObject: 'this'
  }
};