如何仅使用来自 antd 的 DatePicker

【问题标题】：How to use only DatePicker from antd如何仅使用来自 antd 的 DatePicker
【发布时间】：2021-03-15 07:56:00
【问题描述】：

antd 是一个庞大的库。当我这样做时

"npm i antd"  it downloads the whole library.

我只想使用 antd 库中的 DatePicker。

如果有办法，请告诉我。

我不想使用其他日期选择器库，因为 antd 完全满足了我的条件

【问题讨论】：

【解决方案1】：

当您执行 npm install antd 时，它会将所有内容添加到 node_modules

但是当你在你的代码中使用时，你会这样做

import DatePicker from 'antd/date-picker'; 它只会捆绑日期选择器的代码及其依赖项。您还需要手动导入 css。

您显然需要设置 webpack，以便它会进行 treeshaking 并剥离其他组件。

如果您将babel-plugin-import 与 antd 一起使用，它会自动为您执行此操作。

最终你可以使用他们原始的无样式日期选择器（这是在引擎盖下使用的 antd ）https://github.com/react-component/picker

【讨论】：