使用 yarn install 或 add 时防止包重建

Posted 2023-02-16

【中文标题】使用 yarn install 或 add 时防止包重建

【英文标题】：prevent a package from rebuilding when using yarn install or add

【发布时间】：2021-11-14 18:38:12

【问题描述】：

我将引导程序用于 React 项目以及 Yarn 作为包管理器。 我剥离了引导程序包以仅保留模态组件（从而避免不必要的重量）。 问题是，每当我在我的项目中添加一个包时，似乎引导包被重建，重新添加了我最初删除的所有组件。 即使我正在执行yarn install 或yarn add，有没有办法阻止引导程序包重建？ 感谢您的帮助。

【参考方案1】：

在docs 中，您可以找到有关如何导入单个组件的信息：

您应该导入单个组件，例如：react-bootstrap/Button 而不是整个图书馆。这样做只会引入特定的 您使用的组件，这可以显着减少 您最终发送给客户端的代码。

// Import single component
import Button from 'react-bootstrap/Button';

// or less ideally (imports the entire library)
import  Button  from 'react-bootstrap';

其他方式是将项目分叉到您的个人存储库并创建一个满足您特定需求的版本。但是以后会更难升级。

【讨论】：

即使您只是在示例中导入了 Button 组件，但在执行“yarn add react-bootstrap”时，整个引导库仍会添加到我的存储库中，不是吗？我的意思是避免使用未使用的东西增加我的回购规模

是的，将安装整个库。但是您的最终构建将仅包含使用过的组件。如果您的目的是节省本地机器的空间，那么创建一个 fork 是最好的选择。但是您将节省大约 8 MB。