The module of reporting to the console of webpack stats data.
npm install webpack-statsCopyright 2023. mornya. All rights reserved.
> This project has been created by Vessel CLI.
For a simple and quick reference about it, click here.
Stats generated after building the webpack to the console.!스크린샷
bash
$ npm install --save webpack-stats
or
$ yarn add webpack-stats
`Usage
아래와 같이 모듈을 import하여 사용한다. 아래 Consoleize.generate 설정에 사용된 값은 예시로 표기.
typescript
import { Consoleize } from 'webpack-stats';
import webpack from 'webpack';/ ... /
const isWebpackDevServerRun = false;
const webpackConfig = { ... };
const compiler = webpack(webpackConfig);
compiler.hooks.done.tap('done', (stats: webpack.Stats) => {
// Display generated message in console
const result = Consoleize.generate(stats.toJson({
all: false,
assets: true,
children: true,
warnings: stats.hasWarnings(),
errors: stats.hasErrors(),
// optional info
version: !isWebpackDevServerRun,
hash: !isWebpackDevServerRun,
builtAt: !isWebpackDevServerRun,
timings: !isWebpackDevServerRun,
publicPath: true,
outputPath: true,
}),
(isWebpackDevServerRun ? '' : 'dist'),
webpackConfig.performance,
);
if (result) {
console.log(result);
}
});
`Modules in the package
본 패키지에는 아래와 같은 모듈들을 포함한다.
제공되는 모듈과 메소드 사용법 등은 코드 스니핏을 참고한다.$3
Consoleize 모듈은 다음과 같은 메소드들을 제공한다.####
Generates a message from stats file
- : filename (ex, stats.json)
- dir: the webpack build output directory name from project root (empty string does not display GZipped-size)
- webpackConfigPerformance: the webpack configuration of performance section object.
`typescript
function from(statsFile: string, dir: string, webpackConfigPerformance: WebpackConfigPerformance) {}
`####
Generates a message from stats object
- : result stats value of called by toJson() method
`typescript
function generate(statsJson: webpack.Stats.ToJsonOutput, dir: string, webpackConfigPerformance: WebpackConfigPerformance) {}
``