@jsany/log-filesize-webpack-plugin NPM

log assets size pretty after webpack build(wirte by typescript)

Prerequisites

node >=10
webpack >=4

Install

yarn add -D @jsany/log-filesize-webpack-plugin
# or npm install --save-dev @jsany/log-filesize-webpack-plugin

Setup

In `webpack.config.js`:

const LogFilesizeWebpackPlugin = require('@jsany/log-filesize-webpack-plugin');

module.exports = {
  stats: 'none', // to close webpack print
  // ...
  plugins: [
    new LogFilesizeWebpackPlugin()
    // or
    // new LogFilesizeWebpackPlugin({gzip: true,...OtherOptions})
  ]
  // ...
};

Then run build, it will look like this:

example

Options

Options	Type	Default	Description
`gzip`	boolean	`true`	Print gzipped filesize
`errors`	boolean	`true`	Print compile errors
`warnings`	boolean	`true`	Print compile warnings
`hash`	boolean	`true`	Print current compile hash
`version`	boolean	`true`	Print current webpack version
`time`	boolean	`true`	Print compile cost time
`builtAt`	boolean	`true`	Print when to start compiling
`maxSize`	number	`1.8 * 1024 * 1024` (Byte)	These sizes are pretty large. We'll warn for bundles exceeding them
`priority`	{ js?: number, css?: number,image?: number,font?: number,json?: number,txt?: number,html?: number}	`{ js: 10, css: 9,image: 8,font: 7,json: 6,txt: 5,html: 4}`	The larger the value, the higher the sort, and hide if less than zero