0
206
ViewsLodash: tree shaking
When I try to use lodash function as a specific import as shown below then it shows to be it loads only 14.7KB in size.
But when I try to use the import as a destructured object then it shows 69.6KB in size
Some articles say it works the same for both the above imports while some say it doesn't. Just wanted to understand does it add the complete build or only a specific function in the final build, especially the 2nd syntax (destructuring)
·
Juan Pablo Isaza
1 answers
Answer question0
$ npm i -D babel-plugin-lodash
.babelrc
{
...,
"plugins": [..., "lodash"]
}
This will allow for any import style (e.g. import _ from 'lodash', import { isEqual } from 'lodash' as the plugin will transform each usage of a lodash func to:
import xyz from 'lodash/xyz';
·
Juan Pablo Isaza
Report
Answer question