webpack lodash打包优化

该文章由 leevare 发布于 ,归类于 Webpack

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

import { endsWith } from 'lodash';

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

import endsWith from 'lodash/endsWith';

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

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

使用方式参见这里

如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!

相关文章:

说点什么

avatar
300
  Subscribe  
提醒