0%

小程序中使用lodash

lodash是一个非常强大的库,在日常开发中经常会用到。

但他的体积接近70kb,而小程序要求,源码等文件,一共不得超过2M。

lodash中也有很多方法用不到,如果项目有使用webpack,就可以使用lodash-webpack-pluginbabel-plugin-lodash,按需加载lodash。

在小程序中,按需使用

但小程序如果要用webpack,很常不方便。

其实,lodash自己就可以按需打包成一个js,从而减少体积。文档

全局安装lodash,

1
npm i -g lodash-cli

比如我们需要使用lodash中的 get,isEmpty,last方法

1
lodash include=get,isEmpty,last

就会生成lodash.custom.js文件,他的压缩版只有不到8k的大小

当然,你要用的方法越多,文件越大。

把生成的lodash.custom.js,放到小程序中就可以使用了。

如果想放在app这样全局的变量中,需要用解构运算,例如

1
2
3
4
5
//app.js
import lodash from './utils/lodash.custom.js';
App({
$_: {...lodash},
})