React-Bootstrap 需要 npm install bootstrap 和 bootstrap CDN 还是其中之一？

Posted 2023-02-22

【中文标题】React-Bootstrap 需要 npm install bootstrap 和 bootstrap CDN 还是其中之一？

【英文标题】：Does React-Bootstrap need both npm install bootstrap and bootstrap CDN or just one of them?

【发布时间】：2020-05-28 15:35:14

【问题描述】：

我看过两种 React-Bootstrap 教程。

有时教程显示使用npm install react-bootstrap bootstrap 安装 React-Bootstrap 和 Bootstrap，然后在 index.html。

然后在其他教程中，只是npm install react-bootstrap + CDN for Bootstrap in index.html

---

例如，名为 Brice Ayres 的 Youtuber 有此视频：https://www.youtube.com/watch?v=tOK9l5uP06U，

他用 React、React-Bootstrap、React-Router 和 Styled-Components 创建了一个网站。

在视频中，他同时安装了 React-Bootstrap 和 Bootstrap，然后添加了 CDN 链接。

---

在 React-Bootstrap 主页https://react-bootstrap.github.io/getting-started/introduction，有这样一段文字：

如果您计划自定义 Bootstrap Sass 文件，或者不想 为样式表使用 CDN，安装 vanilla 可能会有所帮助 引导程序也是如此。

所以我相信程序员可以选择使用 NPM 安装 Bootstrap 还是使用 CDN 链接。让他们两个听起来有点奇怪。

还是我误解了 NPM Bootstrap 包的用例？因为我认为它和 CDN 样式表是同一个样式表？

---

长话短说：只安装 react-bootstrap 然后添加 CDN 就足够了吗？

【问题讨论】：

只安装模块，不需要cdn。它可能会导致样式被覆盖，检查一下，***.com/questions/40037657/…

但是CDN不是更好，因为它会将自己缓存到用户的浏览器中吗？它有更快的加载时间。

是的。这实际上取决于需求。对我来说，这个模块让我可以完全控制我想要的东西。

好吧，我是 Web Dev 的菜鸟/菜鸟，所以我不关心自定义源代码中的所有小东西。

【参考方案1】：

您需要 Bootstrap.css 文件，因为它不是 reactstrap 包的一部分...

为此，您需要

npm install bootstrap 并通过 import JS 中的声明 在 index.html 文件中添加 CDN <link href=' ../>...

为了将您的网络项目部署到现场，CDN 将为全球受众提供更大的覆盖范围，因此您必须根据您的独特因素权衡 CDN 与 local package 的价值主张