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
_jampack anemones.jpg 86155 anemones.jpg 78728index.html 288 index.html 281styles.css 415 styles.css 362SOURCE
- anemones.jpg 86155
- index.html 288
- styles.css 415
JAMPACKED
- _jampack
- anemones.jpg 78728
- index.html 281
- styles.css 362
Terminal
__ __
|__|____ _____ ___________ ____ | | __
| \__ \ / \\____ \__ \ _/ ___\| |/ /
| |/ __ \| Y Y \ |_> > __ \\ \___| <
/\__| (____ /__|_| / __(____ /\___ >__|_ \
\______| \/ \/| | \/ \/ \/
v0.30.1 |__| by βΉdivβΊRIOTS
Options:
{}
Merging default config with:
{
"general": {
"browserslist": "defaults"
}
}
PASS 1 - Optimizing
βΆ index.html
Done: 17.855ms
PASS 2 - Compressing the rest
Done: 78.81ms
Summary
ββββββββββ€βββββββββββββ€βββββββββββ€βββββββββββββ€βββββββββββ
β Action β Compressed β Original β Compressed β Gain β
ββββββββββΌβββββββββββββΌβββββββββββΌβββββββββββββΌβββββββββββ’
β .css β 1 / 1 β 415.00 B β 362.00 B β -53.00 B β
β .jpg β 1 / 1 β 84.14 KB β 76.88 KB β -7.25 KB β
β .html β 0 / 1 β 281.00 B β 281.00 B β β
ββββββββββΌβββββββββββββΌβββββββββββΌβββββββββββββΌβββββββββββ’
β Total β 2 / 3 β 84.82 KB β 77.51 KB β -7.30 KB β
ββββββββββ§βββββββββββββ§βββββββββββ§βββββββββββββ§βββββββββββ
β No issues