question: getting error process not defined in angular 2

hello. Im trying to figure out how to use this package on our application but for some reason im getting an error process not defined

im trying to use it this way. this is just test run.

import browserslist from "browserslist";
console.log(browerslist(`last 2 #{currentBrowser} versions`));

what we’re trying to do is query the last 2 stable versions.

we also have this on our package.json

"browserslist": [
    "last 2 chrome versions",
    "last 2 firefox versions",
    "last 2 safari versions"
  ],

How do you use this? some weird answer that I get on SO was to run this on node?

[ai]

@artoodeeto sending Browserslist to the client is bad idea because of the client-side bundle size and it affect on performance.

Look at “Tools” section in our docs. We have a few good alternatives, which work with User Agent. I recommend server-side solutions like browserslist-useragent-ruby. But if can’t do it with server-side code, you can use browserslist-useragent-regexp which will compile your Browserslist config to RegExp for User Agent.

Does it fit your task?

[ai]

Do you think this will have the same effect on us bundle size wise?

Yes. According to bundlephobia adding caniuse-api to your client-side bundle will add 500 KB of JS to your bundle.

I recommend using bundlephobia before adding any new library to your project. Also, there is nice extension for text editors to show the cost of your libraries.

Also Size Limit is a great tool for CI to warn you about unexpected bundle size increases.

so basically they’re using your package to query browser.

Note that last 1 version doesn’t tell you current user browser. It gives you just latest released versions according to Can I Use.

My question is, is this data reliable? Can I expect it to be this way always?

Yes, it is always NAME SPACE VERSION format.

---

If you like our support consider talking with your manager about funding our security refactoring.