@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'),
});