Browser compatibility

jampack can improve browser compatibility by adding fallbacks, vendor prefixes or lowering syntax of cutting edge CSS features.

CSS transpilation

You can configure your level of compatibility by configuring the browser targets using the browserslist query syntax.

{
  "general": {
    "browserslist": 'last 12 versions'
  }
}

See browserslist for more details about the query syntax. See ligthningcss transpilation for examples of transpilation.

Demo

SOURCE

JAMPACKED

_jampackanemones.jpg86155anemones.jpg78728index.html259index.html315styles.css415styles.css351

SOURCE

  • anemones.jpg86155
  • index.html259
  • styles.css415

JAMPACKED

  • _jampack
  • anemones.jpg78728
  • index.html315
  • styles.css351
SourceOpen in new tab
JampackedOpen in new tab
Terminal
__                                    __    
    |__|____    _____ ___________    ____ |  | __
    |  \__  \  /     \\____ \__  \ _/ ___\|  |/ /
    |  |/ __ \|  Y Y  \  |_> > __ \\  \___|    < 
/\__|  (____  /__|_|  /   __(____  /\___  >__|_ \
\______|    \/      \/|  |       \/     \/     \/
 v0.23.4              |__| by β€Ήdivβ€ΊRIOTS

Options:
{}

Merging default config with:
{
  "general": {
    "browserslist": "defaults"
  }
}

 PASS 1 - Optimizing 
β–Ά index.html
Done: 30.715ms

 PASS 2 - Compressing the rest 
Done: 77.813ms

 Summary 
╔════════╀════════════╀══════════╀════════════╀══════════╗
β•‘ Action β”‚ Compressed β”‚ Original β”‚ Compressed β”‚     Gain β•‘
β•Ÿβ”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β•’
β•‘ .html  β”‚      1 / 1 β”‚ 316.00 B β”‚   315.00 B β”‚  -1.00 B β•‘
β•‘ .css   β”‚      1 / 1 β”‚ 415.00 B β”‚   351.00 B β”‚ -64.00 B β•‘
β•‘ .jpg   β”‚      1 / 1 β”‚ 84.14 KB β”‚   76.88 KB β”‚ -7.25 KB β•‘
β•Ÿβ”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β•’
β•‘ Total  β”‚      3 / 3 β”‚ 84.85 KB β”‚   77.53 KB β”‚ -7.32 KB β•‘
β•šβ•β•β•β•β•β•β•β•β•§β•β•β•β•β•β•β•β•β•β•β•β•β•§β•β•β•β•β•β•β•β•β•β•β•§β•β•β•β•β•β•β•β•β•β•β•β•β•§β•β•β•β•β•β•β•β•β•β•β•


 Issues 

β–Ά index.html

 fix  Adding missing  to the top of the 


 1 issue(s) over 1 files