webpack lodash打包优化

如果在项目中使用了lodash,并且使用如下方式引入,webpack将会完整的将lodash包打包到一起。

import { endsWith } from 'lodash';

在这里,我只需要一个很小的功能,全部打包肯定不是想要的结果。那么,为了解决这个问题,可以使用如下的引入方式

import endsWith from 'lodash/endsWith';

但是,如果引入的工具函数比较多的情况下,这样写起来比较麻烦。

在这里,webpack中有一个插件lodash-webpack-plugin,可以使用此插件来解决lodash打包的问题,它会只打包我们依赖的函数。

使用方式参见这里

如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注