@excitare/cli-config-webpack/dist/esm/sizePlugin.js

import chalk from "chalk";
import prettyBytes from "pretty-bytes";
export class SizePlugin {
    getColorFromSize(size) {
        const megaByte = size / 1e6;
        if (megaByte > 2) {
            return "red";
        }
        else if (megaByte > 1) {
            return "yellow";
        }
        else if (megaByte > 0.5) {
            return "cyan";
        }
        return "green";
    }
    async printAssetsSize(data) {
        const { assets } = data;
        const renderedChunks = [];
        for (const filename of Object.keys(assets)) {
            const asset = assets[filename];
            const size = asset.size();
            const color = this.getColorFromSize(size);
            renderedChunks.push({
                filename,
                formattedSize: chalk[color].bold(prettyBytes(size)),
                color,
                size
            });
        }
        let wrapColumn = 0;
        for (const rendered of renderedChunks) {
            wrapColumn = Math.max(wrapColumn, rendered.formattedSize.length);
        }
        console.log(`  - ${chalk.gray("Asset sizes after build")}`);
        for (const rendered of renderedChunks) {
            const padding = " ".repeat(wrapColumn - rendered.formattedSize.length);
            console.log(`    ${padding}${rendered.formattedSize}  ${rendered.filename}`);
        }
    }
    apply(compiler) {
        compiler.hooks.afterEmit.tapPromise("AssetsSizePlugin", compilation => this.printAssetsSize(compilation));
    }
}
//# sourceMappingURL=sizePlugin.js.map