webpack lodash打包优化

该文章发布于 ,归类于 Webpack

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

import { endsWith } from 'lodash';

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

import endsWith from 'lodash/endsWith';

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

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

使用方式参见这里

相关文章