Test Webpack performance in CI
What does this MR do and why?
This MR is purely a test-MR to test a matrix of options:
-
vue@2.6 + vue-loader@15.9
vs.vue@2.7 + vue-loader@15.10
-
esbuild
vsterser
minification - WEBPACK_REPORT (bundle sizes) enabled vs disabled
-
hot cache
vscold
cache - And each of those three times!
Here are the results (from https://gitlab.com/gitlab-org/gitlab/-/pipelines/624139958/builds)
Loader / Vue | ESBUILD_MINIFIER | WEBPACK_REPORT | Run | Cache status | Duration |
---|---|---|---|---|---|
vue-loader-2.6 | FALSE | FALSE | a | Cold | 860 |
vue-loader-2.6 | FALSE | FALSE | a | Hot | 351 |
vue-loader-2.6 | FALSE | FALSE | b | Cold | 827 |
vue-loader-2.6 | FALSE | FALSE | b | Hot | 323 |
vue-loader-2.6 | FALSE | FALSE | c | Cold | 853 |
vue-loader-2.6 | FALSE | FALSE | c | Hot | 351 |
vue-loader-2.6 | FALSE | TRUE | a | Cold | 1048 |
vue-loader-2.6 | FALSE | TRUE | a | Hot | 554 |
vue-loader-2.6 | FALSE | TRUE | b | Cold | 1062 |
vue-loader-2.6 | FALSE | TRUE | b | Hot | 559 |
vue-loader-2.6 | FALSE | TRUE | c | Cold | 1084 |
vue-loader-2.6 | FALSE | TRUE | c | Hot | 560 |
vue-loader-2.6 | TRUE | FALSE | a | Cold | 1050 |
vue-loader-2.6 | TRUE | FALSE | a | Hot | 371 |
vue-loader-2.6 | TRUE | FALSE | b | Cold | 447 |
vue-loader-2.6 | TRUE | FALSE | b | Hot | 416 |
vue-loader-2.6 | TRUE | FALSE | c | Cold | 1262 |
vue-loader-2.6 | TRUE | FALSE | c | Hot | 393 |
vue-loader-2.6 | TRUE | TRUE | a | Cold | 670 |
vue-loader-2.6 | TRUE | TRUE | a | Hot | 665 |
vue-loader-2.6 | TRUE | TRUE | b | Cold | 732 |
vue-loader-2.6 | TRUE | TRUE | b | Hot | 851 |
vue-loader-2.6 | TRUE | TRUE | c | Cold | 1103 |
vue-loader-2.6 | TRUE | TRUE | c | Hot | 619 |
vue-loader-2.7 | FALSE | FALSE | a | Cold | 928 |
vue-loader-2.7 | FALSE | FALSE | a | Hot | 391 |
vue-loader-2.7 | FALSE | FALSE | b | Cold | 991 |
vue-loader-2.7 | FALSE | FALSE | b | Hot | 402 |
vue-loader-2.7 | FALSE | FALSE | c | Cold | 892 |
vue-loader-2.7 | FALSE | FALSE | c | Hot | 362 |
vue-loader-2.7 | FALSE | TRUE | a | Cold | 1089 |
vue-loader-2.7 | FALSE | TRUE | a | Hot | 553 |
vue-loader-2.7 | FALSE | TRUE | b | Cold | 1033 |
vue-loader-2.7 | FALSE | TRUE | b | Hot | 529 |
vue-loader-2.7 | FALSE | TRUE | c | Cold | 1089 |
vue-loader-2.7 | FALSE | TRUE | c | Hot | 562 |
vue-loader-2.7 | TRUE | FALSE | a | Cold | 543 |
vue-loader-2.7 | TRUE | FALSE | a | Hot | 600 |
vue-loader-2.7 | TRUE | FALSE | b | Cold | 529 |
vue-loader-2.7 | TRUE | FALSE | b | Hot | 442 |
vue-loader-2.7 | TRUE | FALSE | c | Cold | 486 |
vue-loader-2.7 | TRUE | FALSE | c | Hot | 581 |
vue-loader-2.7 | TRUE | TRUE | a | Cold | 694 |
vue-loader-2.7 | TRUE | TRUE | a | Hot | 768 |
vue-loader-2.7 | TRUE | TRUE | b | Cold | 712 |
vue-loader-2.7 | TRUE | TRUE | b | Hot | 865 |
vue-loader-2.7 | TRUE | TRUE | c | Cold | 1396 |
vue-loader-2.7 | TRUE | TRUE | c | Hot | 568 |
Edited by Lukas Eipert