javascript - 在包上安装特定组件(初学者)

Question

我正在使用element UI我就像这样安装它

npm i element-ui -S

但是我不想要整个包，而是只想要一个特定的组件，即 DatePicker我如何使用 npm 安装它。我尝试查看文档，但找不到它，谢谢。

Answer 1

使用 npm(甚至 Yarn)，您只能安装整个包及其所有依赖项。安装软件包的特定部分并不是一件事；更多文档可以找到here 。再一次，即使 element-ui 的文档也非常清楚地表明安装包只能通过

来完成

npm i element-ui -S

或者如果您使用的是yarn，请在将包添加到package.json后进行yarn install。

现在，如果您想知道是否可以在 Vue 应用程序的输出包中仅包含所需的组件，那么答案是肯定的。您需要确保仅导入组件的完整路径(而不是整个包):

import ElementUI from 'element-ui'; // will import the whole library

或者

import { DatePicker } from 'element-ui/lib/Datepicker' // will import only the Datepicker

您需要确保导入组件的路径与 node_modules 目录中安装的软件包位置相匹配。此外，您还需要确保您的 Webpack 配置设置正确，以仅捆绑您正在导入的 JS 文件(应默认处理)。