webpack.config.js

const TerserPlugin = require('terser-webpack-plugin');
const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const RemoveEmptyScripts = require("webpack-remove-empty-scripts");


module.exports = {
  entry: {
    'docsify-gltfexplorer': './src/index.js',
    'docsify-gltfexplorer.min': './src/index.js',
    'docsify-iframe': './src/explorer.js',
    'docsify-iframe.min': './src/explorer.js',
    'styles': './css/iframe.css',
  },
  module: {
    rules: [
      {test: /\.css$/,
       use: [MiniCssExtractPlugin.loader,"css-loader"]
      }
    ]
  },
  plugins: [
     new CleanWebpackPlugin(),
     new MiniCssExtractPlugin({filename: "docsify-iframe.min.css"}),
     new RemoveEmptyScripts(),
     new OptimizeCSSAssetsPlugin({})
  ],
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
  },
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin({
      include: /\.min\.js$/
    })],
  },
};