webpack.theme.js

const path = require('path');
const merge = require('webpack-merge');
const getBaseConfig = require('./webpack.base');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const cssnano = require('cssnano');

module.exports = merge(getBaseConfig({ useCssExtract: true }), {
  mode: 'production',
  entry: {
    base: './src/theme/base/base',
    hljs: './src/theme/base/highlight',
    prism: './src/theme/base/prism',
    github: './src/theme/github/index',
    vuepress: './src/theme/vuepress/index',
    'github-parser': './src/theme/github/parser',
    'vuepress-parser': './src/theme/vuepress/parser',
  },
  output: {
    library: 'VMdTheme',
    libraryTarget: 'umd',
    libraryExport: 'default',
    path: path.join(__dirname, '../lib/theme'),
    umdNamedDefine: true,
    filename: '[name].js',
    globalObject: "typeof self !== 'undefined' ? self : this",
  },
  optimization: {
    minimize: true,
  },
  plugins: [
    new CleanWebpackPlugin(),
    new OptimizeCssAssetsPlugin({
      assetNameRegExp: /\.css$/g,
      cssProcessor: cssnano,
      cssProcessorPluginOptions: {
        preset: ['default', { discardComments: { removeAll: true } }],
      },
      canPrint: true,
    }),
  ],
});