反应：在使用 webpack 或其他东西安装时，我们能否仅从 npm 模块中引入选定的功能？

Question

我从这里尝试了 webpack 基本设置：

https://webpack.js.org/guides/getting-started/

在此链接中，我使用了 lodash npm 模块的 function

_.join(['你好', 'webpack'], ' ');

但是 lodash 模块中有很多我永远不会使用的功能。

同样，Material js、Bootstrap js 等。我们从不使用很多 function。

因此，在创建构建时，js 文件会很大，并且网站加载速度会变慢。

那么，我们可以只安装选定的函数及其依赖项而不是完整的模块安装吗？

Answer 1

如果你是 webpack4，他们已经实现了 tree shaking 选项，这意味着它将从库中删除你不使用的代码。 Lodash 是可摇树的，你可以像这样导入你的库

import { join } from 'lodash/join';

这只会从 lodash 导入连接。 您可以参考此文档以获取更多信息