如何只导入我需要的功能和摇树

Question

我正在尝试从date-fns导入2个函数（使用webpack 4和babel）。 当我分析我的 prod 版本时，整个库都会添加到捆绑软件中。

首先，我尝试使用import { format, max } from 'date-fns';进行导入，并在Babel的预设@babel/preset-env中将“ module”设置为false，因为Webpack文档说这可能会阻止树状摇动。

还尝试通过import max from 'date-fns/max';

导入

我希望Webpack能够删除除导入功能以外的所有功能，因为模块化是date-fns的卖点之一。 现在想不到我在做什么错。

有人可以分享他们的经验或解决方案吗？

添加170kb来使用两个功能是不可接受的。