design-system
design-system copied to clipboard
[WNMGDS-2665] Configure browserslist
WNMGDS-2665
Committed 3 different Browserslist configs and the commits document the changes in bundle size. Here are the differences in support:
- Jira config: 76.3% coverage
- govUK-type config: 85% coverage
- Original: 72% coverage
- For giggles, I also tried the more intense govUK config (removing IE support and changing coverage to US instead of GB) and got the same bundle size for 95.9% coverage
Option | Coverage % | Preact bundle size | React bundle size | Web component bundle size |
---|---|---|---|---|
A | 76.3% | 2.4MB | 2.4MB | 823KB |
B | 85% | 2.4MB | 2.4MB | 823KB |
C | 72% | 2.9MB | 2.9MB | 1.1MB |
D | 95.9% | 2.9MB | 2.9MB | 1.1MB |
Based on this info, we could adopt option D for wider coverage without a change in bundle size - OR we could adopt option B for adequate coverage and reduced bundle size.