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

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

/**
 * Common set of Webpack Plugins for all environments
 * 
 * @param {*} environment - Kanopi Pack environment (Standard Interface)
 * @returns {Array} - Set of required and configured Webpack Plugins
 */
module.exports = (environment) => {
  const {
    environment: {
      dotenvEnable,
      dotenvConfiguration
    },
    paths: { source: sourcePath },
    resolver: { requirePackageModule },
    scripts: {
      esLintAutoFix,
      esLintDisable,
      esLintFileTypes
    },
    styles: {
      styleLintAutoFix,
      styleLintConfigBaseDir,
      styleLintConfigFile,
      styleLintIgnorePath
    }
  } = environment;
  const Dotenv = requirePackageModule('dotenv-webpack');
  const EsLintPlugin = requirePackageModule('eslint-webpack-plugin');
  const StyleLintPlugin = requirePackageModule('stylelint-webpack-plugin');
  const webpack = requirePackageModule('webpack');

  let plugins = [
    new StyleLintPlugin({
      configBasedir: styleLintConfigBaseDir,
      configFile: styleLintConfigFile,
      fix: styleLintAutoFix,
      ignorePath: styleLintIgnorePath
    }),
    new webpack.ids.HashedModuleIdsPlugin({
      context: sourcePath,
      hashFunction: 'sha256',
      hashDigest: 'hex',
      hashDigestLength: 8
    })
  ];

  if (true !== esLintDisable) {
    plugins = plugins.concat([
      new EsLintPlugin({
        context: sourcePath,
        extensions: esLintFileTypes,
        fix: esLintAutoFix
      })
    ]);
  }

  if (true === dotenvEnable) {
    plugins = plugins.concat([
      new Dotenv(dotenvConfiguration)
    ]);
  }

  return plugins;
}