webpack.config.js

const path = require('path');
const packageJson = require('./package.json');
const version = packageJson.version;
const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');
module.exports = (env, argv) => {

  const conf = {
    mode: 'development',
    devServer: {
      open: true,
      openPage: ['index.html'],
      contentBase: path.join(__dirname, 'public'),
      watchContentBase: true,
      port: 8080,
      host: argv.mode === 'production' ? `localhost` : `localhost`,
      disableHostCheck: true,
    },

    entry: {
      'XmlBeautify': [`./src/XmlBeautify.js`],
    },
    output: {
      path: path.join(__dirname, 'dist'),
      publicPath: '/',
      filename: argv.mode === 'production' ? `[name].js` : `[name].js`,
      library: 'XmlBeautify',
      libraryExport: 'default',
      libraryTarget: 'umd',
      globalObject: 'this',
    },
    optimization: {
      minimizer: [new TerserPlugin({
        terserOptions: {
          compress: {
            drop_console: true,
          },
        }
      })],
    },
    module: {
      rules: [{
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: [{
          loader: 'babel-loader',
        }]
      }]
    },
    resolve: {
      alias: {}
    },
    plugins: [
       new webpack.BannerPlugin(`[name] v${version} Copyright (c) 2019-2022 https://github.com/riversun(riversun.org@gmail.com)`),
    ],
  };

  if (argv.mode !== 'production') {
    conf.devtool = 'inline-source-map';
  }

  return conf;

};