webpack lodash打包优化
如果在项目中使用了lodash,并且使用如下方式引入,webpack将会完整的将lodash包打包到一起。
import { endsWith } from 'lodash';
在这里,我只需要一个很小的功能,全部打包肯定不是想要的结果。那么,为了解决这个问题,可以使用如下的引入方式
import endsWith from 'lodash/endsWith';
但是,如果引入的工具函数比较多的情况下,这样写起来比较麻烦。
在这里,webpack中有一个插件lodash-webpack-plugin
,可以使用此插件来解决lodash打包的问题,它会只打包我们依赖的函数。
使用方式参见这里。
如果您觉得本文对您有用,欢迎捐赠或留言~
- 本博客所有文章除特别声明外,均可转载和分享,转载请注明出处!
- 本文地址:https://www.leevii.com/?p=1699