@mamba/webpack/config.app.build.js

/**
 * Webpack configuration for building bundles
 */
const webpack = require('webpack');
const merge = require('webpack-merge');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const FileManagerPlugin = require('filemanager-webpack-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const cssProcessor = require('cssnano');
const { BUNDLE_NAME, IS_PROD, IS_POS } = require('./helpers/consts.js');
const MambaManifestPlugin = require('./plugins/MambaManifestPlugin.js');
const { getPkg } = require('quickenv');

const PKG = getPkg();

module.exports = merge(require('./config.app.js'), {
  devtool: false,
  plugins: [
    IS_POS && new MambaManifestPlugin(),
    new FileManagerPlugin({
      onStart: {
        delete: [
          `./dist/${BUNDLE_NAME}`,
          `./dist/${BUNDLE_NAME}.tar.gz`,
          `./dist/${BUNDLE_NAME}.ppk`,
        ],
      },
      onEnd: {
        copy: [
          {
            source: './src/assets',
            destination: `./dist/${BUNDLE_NAME}/assets`,
          },
        ],
        archive: [
          {
            source: `./dist/${BUNDLE_NAME}/`,
            destination: `./dist/${BUNDLE_NAME}.tar.gz`,
            format: 'tar',
            options: {
              gzip: true,
              gzipOptions: { level: 1 },
              globOptions: { nomount: true },
            },
          },
          {
            source: `./dist/${BUNDLE_NAME}/`,
            destination: `./dist/${PKG.name}_v${PKG.version}.ppk`,
            format: 'zip',
            options: {
              gzip: true,
              gzipOptions: { level: 1 },
              globOptions: { nomount: true },
            },
          },
        ],
      },
    }),
    /** Generate hashes based on module's relative path */
    IS_PROD && new webpack.HashedModuleIdsPlugin(),
  ].filter(Boolean),
  optimization: {
    minimize: IS_PROD,
    minimizer: [
      /** Minify the bundle's css */
      new OptimizeCSSAssetsPlugin({
        /** Default css processor is 'cssnano' */
        cssProcessor,
        cssProcessorOptions: {
          core: IS_PROD,
          discardComments: IS_PROD,
          autoprefixer: false,
        },
      }),
      /** Minify the bundle's js */
      new UglifyJsPlugin({
        cache: true, // Enables file caching
        parallel: true, // Use multiple CPUs if available,
        sourceMap: true, // Enables sourcemap
        uglifyOptions: {
          compress: {
            reduce_funcs: false,
            keep_fnames: false,
            /** Functions that doesn't have side-effects */
            pure_funcs: [
              'classCallCheck',
              '_classCallCheck',
              '_possibleConstructorReturn',
              'Object.freeze',
              'invariant',
              'warning',
            ],
          },
          mangle: {
            keep_fnames: false,
            /** Prevent renaming of `process.env...` */
            reserved: ['process'],
          },
          output: {
            comments: false,
          },
        },
      }),
    ],
  },
});