前言
在数据操作时,Lodash 就是我的弹药库,不管遇到多复杂的数据结构都能用一些函数轻松拆解。
ES6 中也新增了诸多新的对象函数,一些简单的项目中 ES6 就足够使用了,但还是会有例外的情况引用了少数的 Lodash 函数。一个完整的 Lodash 库,即使是压缩后,现最新版本也有 71k 的体积。不能为了吃一口饭而买下一个饭店啊。
针对这个问题,其实已经有很多可选方案了。
函数模块
Lodash 中的每个函数在 NPM 都有一个单独的发布模块。
假如你只需要使用_.isEqual,那么你只需要安装lodash.isequal
模块,然后按以下方式引用。
全路径引用
在你完整安装 Lodash 后,可以按lodash/函数名的格式单独引入需要的函数模块。
使用插件优化
在简单场景下,以上两种方式足以解决问题。
而遇到复杂的数据对象时,我们不得不在一个文件中引入多个 Lodash 函数,这样就需要在文件中写多个require或import相关函数。
正写到关键处却因为引入一个函数要拉到文件头部去定义引用而打乱了思路,很不爽!
于是我机智的到 Github 去搜索了webpack和lodash两个关键词的组合,排在首位的 就是为了解决这个问题而生。
使用时需要以下模块,其实除了前两个剩下的一般都已安装了:
@H_502_19@
配置:
@H_502_19@
其中babel-plugin-lodash的配置,也就是plugins: ['lodash']
,并不是一定要在loaders中,也可以单独定义babel。