babel-plugin-lodash
Version:
Modular Lodash builds without the hassle.
105 lines (80 loc) • 2.31 kB
Markdown
A simple transform to cherry-pick Lodash modules so you don’t have to.
Combine with [lodash-webpack-plugin](https://www.npmjs.com/package/lodash-webpack-plugin)
for even smaller cherry-picked builds!
```bash
$ npm i --save lodash
$ npm i --save-dev babel-plugin-lodash babel-cli babel-preset-es2015
```
Transforms
```js
import _ from 'lodash';
import { add } from 'lodash/fp';
const addOne = add(1);
_.map([1, 2, 3], addOne);
```
roughly to
```js
import _add from 'lodash/fp/add';
import _map from 'lodash/map';
const addOne = _add(1);
_map([1, 2, 3], addOne);
```
```json
{
"plugins": ["lodash"],
"presets": ["es2015"]
}
```
Set plugin options using an array of `[pluginName, optionsObject]`.
```json
{
"plugins": [["lodash", { "id": "lodash-compat", "cwd": "some/path" }]],
"presets": ["es2015"]
}
```
```sh
$ babel --plugins lodash --presets es2015 script.js
```
```js
require('babel-core').transform('code', {
'plugins': ['lodash'],
'presets': ['es2015']
});
```
```js
'module': {
'loaders': [{
'loader': 'babel-loader',
'test': /\.js$/,
'exclude': /node_modules/,
'query': {
'plugins': ['lodash'],
'presets': ['es2015']
}
}]
}
```
> Do import specifiers, e.g. `import { x } from 'lodash'`, work?
You know it!
> What about `lodash/fp`?
Yep, we’ve got you covered!
> Can this plugin produce ES2015 imports rather than CommonJS imports?
This plugin produces ES2015 imports by default. The
[](https://www.npmjs.com/package/babel-plugin-transform-es2015-modules-commonjs)
plugin, which is included in the Babel [es2015](http://babeljs.io/docs/plugins/preset-es2015/)
preset, transforms ES2015 `import` statements to CommonJS. Omit it from your
preset to preserve ES2015 style imports.
* You must use ES2015 imports to load Lodash
* Babel < 6 & Node.js < 0.12 aren’t supported
* Chain sequences aren’t supported. See [this blog post](https://medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba) for alternatives.
* Modularized [method packages](https://www.npmjs.com/browse/keyword/lodash-modularized) aren’t supported