React:在使用webpack或其他东西进行安装时,我们可以只导入npm模块中的选定功能吗



我从这里尝试了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导入联接。您可以参考此文档了解更多信息

最新更新