@webpackon/use-optimization v1.0.2

@webpackon/use-optimization

Features:

• minification js for production
• enable split chunks
• optimizing chunks ids
• adds hash for result files
• adds hash for assets, places their in the static directory
• cleaning dist directory before build
• generates hidden source map files

Install

npm i @webpackon/use-optimization --save

yarn add @webpackon/use-optimization

API

const { useOptimization } = require('@webpackon/use-optimization');

useOptimization(params: UseOptimizationParams)(config: WebpackConfig)

UseOptimizationParams

type UseOptimizationParams = {
  mode: 'development' | 'production';
  dropConsole?: boolean;
  splitChunkCacheGroups?: Array<{
    chunkName: string;
    includePackages: string[];
  }>;
};

• mode - webpack mode

• dropConsole - removes console for production (default - true)

• splitChunkCacheGroups - packages (includePackages) that will be combined into one chunk (chunkName)

Example

Full examples are here

const path = require('path');

const { compose } = require('@webpackon/core');
const { useOptimization } = require('@webpackon/use-optimization');

module.exports = (_, { mode }) =>
  compose(
    useOptimization({
      mode,
      splitChunkCacheGroups: [
        { chunkName: 'react', includePackages: ['react', 'react-dom'] },
      ],
    })
  )({
    target: 'web',
    entry: path.resolve(__dirname, 'src', 'index.tsx'),
  });

Result: