performance.printFileSize
type PrintFileSizeOptions =
| {
/**
* whether to print total size
*/
total?: boolean;
/**
* whether to print size of each file
*/
detail?: boolean;
/**
* whether to print gzip-compressed size
*/
compressed?: boolean;
}
| boolean;
Whether to print the file sizes after production build.
Default Outputs
The default output log is as follows:
info Production file sizes:
File Size Gzipped
dist/static/js/lib-react.b0714b60.js 140.4 kB 45.0 kB
dist/static/js/index.f3fde9c7.js 1.9 kB 0.97 kB
dist/index.html 0.39 kB 0.25 kB
dist/static/css/index.2960ac62.css 0.35 kB 0.26 kB
Total size: 143.0 kB
Gzipped size: 46.5 kB
Disable Outputs
If you don't want to print any information, you can disable it by setting printFileSize
to false
:
export default {
performance: {
printFileSize: false,
},
};
Custom Outputs
You can customize the output format through the options.
- If you don't need to output the size of each static asset, you can set
detail
to false. In this case, only the total size will be output:
export default {
performance: {
printFileSize: {
detail: false,
},
},
};
- If you don't need to output the gzipped size, you can set
compressed
to false. This can save some gzip computation time for large projects:
export default {
performance: {
printFileSize: {
compressed: false,
},
},
};