adds the browserlist configuration

[erikyo]

Adds the configuration required for babel/browserlist.

This very simple change, however, is worth about 1/8 less code in the build

close #614

[XhmikosR]

Isn't this the same as not having a browserslist config? I would expect so...

What's the du -h of the dist folder before and after this change after running dist?

[erikyo]

Seems not, the output is a bit different with and without those lines

# with browserlist 
du -h
24K     ./esm
128K    .

# without browserlist
du -h
24K     ./esm
136K    .

As a test case without browserlist i can find in the code "var myVariable" and with browserlist the output displays "const variable", so i guess to have it or to not have it changes something in the default babel config.

[XhmikosR]

Cool, then better add it explicitly and maybe adapt it later to your supported browsers

[erikyo]

Yes we will, the only thing is that I want to make sure that in older versions of safari (e.g. 12) everything still works as before because with the default browserslist configuration the last supported are:

safari 17.4
safari 17.3
safari 17.2
safari 16.6
safari 15.6

[verlok]

I have a browserstack account if we need to test on older versions of any browser.

[verlok]

And they have an SDK for Playwright
https://www.browserstack.com/docs/automate/playwright/getting-started/nodejs

[verlok]

In the screenshots is why the code is shorter with @erikyo's addition.

• var becomes const (2 chars more) or let, but
• function () { becomes ()=>{ and
• return statements are replaced by just the return value.

This code looks solid to me.

[verlok]

And ES6 is widely supported nowadays, see the can I use table (or the screenshot)

[verlok]

Also interesting the relative usage table

[verlok]

And as I stated in this section of the readme, users who need to support legacy browsers can always use version 17.9.0.

There are 3.7 Billion users / month downloading version 10.19.0, so... ¯_(ツ)_/¯

[erikyo]

Yep the browserslist repository is crafted very well and the default setting should be something like

> 0.5%, last 2 versions, Firefox ESR, not dead

which is why I don't think anyone will complain 😇

Just we need to make sure to update to the last version the current database using:

npx update-browserslist-db@latest

before build the new "versions" and automatically babel will use the correct polyfills according to the current world standards

[verlok]

Released

[verlok]

I added this to the build steps I follow before releasing.

npx update-browserslist-db@latest

Thanks Erik