iamakulov
commented
6 years ago https://www.npmjs.com/package/babel-plugin-annotate-pure-calls This helps to reduce the bundle size, however, it could break your code. I'd say we should mention it.
-
I think this one is too complex. The developer must understand what
#__PURE__does, when it’s helpful and how it might break the code. -
And too risky. If you don’t fully understand what this plugin and
#__PURE__do, enabling it is like a time bomb. Even if it doesn’t break your app right now, you must be extremely cautious when adding any top-level side effects. And if it breaks your app in the future, debugging this (if you forget about this plugin or don’t fully understand it) will be a hell.
Basically, I believe, recommending this plugin puts the developers at too much risk for not that much gain. I won’t do this.
(The plugin might be useful for library authors, as it mentions in the README – but I think we target app developers here.)
Plus: https://github.com/kurtextrem/Improved-for-Instagram/blob/master/pure-plugin.js - this annotates classes.
AFAIK Babel 7 does this annotation for classes too. Or is this a different one?
We can take it even further: https://www.npmjs.com/package/side-effects-safe
This sounds cool! There’re too few downloads though – I’m not sure it’s fully safe :–(
Have you used this in production (or heard of anyone using it)?
https://github.com/codemix/babel-plugin-closure-elimination - I haven't benched it, however it makes sense as it reduces function/obj allocation and small functions are also inlined easily. (probably makes the bundle bigger though)
Would love to see a benchmark here. Generally, I’d prefer bundle size to runtime performance: 1) The network is way-way slower than the processor 2) In this repo, we focus on bundle size
https://prepack.io / https://github.com/gajus/prepack-webpack-plugin speaks for itself :)
The plugin is not compatible with webpack 4 :–(
As to Prepack – do you know how safe it is? Last time I checked, it wasn’t production-ready yet.
https://npmjs.com/package/duplicate-package-checker-webpack-plugin
Cool thing! Probably out of scope for this repo though – as it doesn’t immediately make your bundle smaller.
kurtextrem
Pure Annotation
https://www.npmjs.com/package/babel-plugin-annotate-pure-calls This helps reducing the bundle size, however it could break your code. I'd say we should mention it. Plus: https://github.com/kurtextrem/Improved-for-Instagram/blob/master/pure-plugin.js - this annotates classes. We can take it even further: https://www.npmjs.com/package/side-effects-safe
babel-plugin-closure-eliminationhttps://github.com/codemix/babel-plugin-closure-elimination - I haven't benched it, however it makes sense as it reduces function/obj allocation and small functions are also inlined easily. (probably makes the bundle bigger though)
Prepackhttps://prepack.io / https://github.com/gajus/prepack-webpack-plugin speaks for itself :)
etc
https://npmjs.com/package/duplicate-package-checker-webpack-plugin