const { resolve } = require("path");
const process = require("process");
const TerserPlugin = require("terser-webpack-plugin")

module.exports = {
  mode: "production",
  entry: "./lib/index.js",
  output: {
    path: resolve(process.cwd(), './dist'),
    filename: 'index.js',
    chunkFilename: './chunks/[name].[ext]',
    libraryTarget: 'umd',
    libraryExport: 'default',
    library: 'ELEMENT',
    umdNamedDefine: true,
    globalObject: 'typeof self !== \'undefined\' ? self : this',
    assetModuleFilename: "./img/[name].[hash:6][ext]"
  },
  optimization: {
    chunkIds: "deterministic",
    splitChunks: {
      chunks: "initial"
    },
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          output: {
            comments: false
          }
        }
      })
    ]
  },
}