我从这里尝试了webpack的基本设置:
https://webpack.js.org/guides/getting-started/
在这个链接中,我使用了lodash npm模块的功能
_.join([你好,'webpack'],''(;
但lodash模块中有许多功能我永远不会使用。
如wise、Material js、Bootstrap js等。。我们从不使用很多函数。
因此,在创建构建时,js文件的大小会很大,网站的加载速度也会较慢。
那么,我们是否可以只安装具有依赖关系的选定函数,而不是安装完整的模块?
如果你是webpack4,他们已经实现了摇树选项,这意味着它将从库中删除你没有使用的代码。Lodash是树可动摇的,你可以像这个一样导入你的库
import { join } from 'lodash/join';
这将只从lodash导入联接。您可以参考此文档了解更多信息