@kanopi/pack/src/components/plugins/production.js

Pre-packaged Webpack 5 configuration with extendable configuration to coordinate loaders and rules for common web stacks

/**
 * Set of Webpack Plugins for Development server environments
 * 
 * @param {*} environment - Kanopi Pack environment (Standard Interface)
 * 
 * @returns {Array} - Set of required and configured Webpack Plugins
 */
module.exports = (environment) => {
  const {
    filePatterns: { cssOutputPattern },
    paths: { distribution: distributionPath },
    resolver: { requirePackageModule }
  } = environment;

  const AssetsPlugin = requirePackageModule('assets-webpack-plugin');
  const { CleanWebpackPlugin } = requirePackageModule('clean-webpack-plugin');
  const MiniCssExtractPlugin = requirePackageModule('mini-css-extract-plugin');

  return [
    new MiniCssExtractPlugin({
      filename: cssOutputPattern
    }),
    new CleanWebpackPlugin(),
    new AssetsPlugin({
      fileTypes: ['js', 'css'],
      fullPath: false,
      includeAllFileTypes: false,
      includeManifest: 'manifest',
      manifestFirst: false,
      path: distributionPath,
      prettyPrint: true,
      removeFullPathAutoPrefix: true
    })
  ];
}