本篇文章将介绍如何使用Babel插件结合Lodash库,简化开发过程并灵活地按需引入所需的函数,实现在项目中对Lodash进行模块化的高效构建。
babel-plugin-lodash 是一个简单的转换插件,用于将代码转变为使用精选的 Lodash 模块,这样你就不必手动挑选模块了。
与 @babel/cli 和 @babel/preset-env 结合使用时,可以生成更小且精简的选择性版本!
安装步骤如下:
```
$ npm i --save lodash
$ npm i --save-dev babel-plugin-lodash @babel/cli @babel/preset-env
```
示例代码从:
```javascript
import _ from lodash
import { add } from lodash/fp
const addOne = add (1)
_.map([ 1, 2, 3 ], addOne )
```
转换为:
```javascript
import _add from lodash/fp/add
import _map from lodash/map
const addOne = _add(1)
_map([ 1, 2, 3 ], addOne )
```
在 `.babelrc` 文件中添加以下配置来启用此插件:
```json
{
plugins: [lodash],
presets: [[@babel/env, { ... }]]
}
```