如何仅使用webpack捆绑在对象传播中导入的函数

Question

我有一个使用create-react-app创建的react应用程序，并且webpack配置已经弹出，所以我也可以访问它。

我只是发现当我从下面的lodash导入其中一个函数时。

import { cloneDeep as _cloneDeep } from "lodash";

当我运行构建时，lodash中的所有内容都捆绑在js文件中。

npm run build

我发现其他图书馆也是如此。

有没有办法只捆绑我导入的函数，以便减少包大小？

感谢。

Answer 1

我认为你正在寻找的是来自rollupjs的树摇动功能。根据这个article，webpack 2也有类似的功能，也许你想尝试。