Make your app install and run faster with nolyfill
Wojciech Maj
Posted on October 25, 2023
Do you use eslint-plugin-import
, eslint-plugin-jsx-a11y
, eslint-plugin-react
? Of course you do! What do they have in common? They all contain tons of polyfills to ensure backward compatibility. "With what?", you ask? With Node.js 4. NODE DOT JS VERSION FOUR. Released in 2015. "So?"
These polyfills are totally useless. Unless, of course, you run Node.js 4. They:
- impact install times,
- make your node_modules bigger,
- and make your app run slower (native implementations are rarely slower than their polyfills).
So what can you do?
One way to deal with it is by forking such packages, stripping off useless dependencies, and re-releasing them under new names. This, however, is rarely worth it.
eslint-plugin-i
eslint-plugin-i
, a fork of eslint-plugin-import
, is a good example of when it IS worth it. Not only they do the above, but also replace tsconfig-paths
and heavy typescript under the hood with get-tsconfig
. This resolves security issues eslint-plugin-import
has, vastly improves performance, and adds support for new TypeScript features. I highly recommend you replacing eslint-plugin-import
with eslint-plugin-i
, and if I'm not convincing enough, perhaps pure madness exhibited by eslint-plugin-import
's lead maintainer in this issue will convince you to.
But usually, there's an easier way!
nolyfill
SukkaW created an amazing project called nolyfill. nolyfill is leveraging npm's, yarn's and pnpm's capabilities to replace heavy polyfills with so-called "nolyfills".
Nolyfills are tiny wrappers around what Node.js already offers. You must check it out!
https://github.com/SukkaW/nolyfill
Run npx nolyfill
on your repo, and see for yourself, how many redundant dependencies you have!
@yarnpkg/plugin-nolyfill
On top of SukkaW's work, I've built another thing: @yarnpkg/plugin-nolyfill
.It does the same thing nolyfill
's CLI does, but hooks directly into Yarn resolution step, replacing the polyfills in question on the fly. It has the added benefit of "install and forget" - plugin will work every time you install your repository, so it guarantees no new redundant polyfills will ever appear in your repository.
If you use Yarn (2+), check it out as well!
Install it by running yarn plugin import https://raw.githubusercontent.com/wojtekmaj/yarn-plugin-nolyfill/v0.1.2/bundles/@yarnpkg/plugin-nolyfill.js
. Then, reinstall repository by running yarn install
.
Posted on October 25, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 1, 2023