【问题标题】:Does React-Bootstrap need both npm install bootstrap and bootstrap CDN or just one of them?React-Bootstrap 需要 npm install bootstrap 和 bootstrap CDN 还是其中之一?
【发布时间】:2020-05-28 15:35:14
【问题描述】:

我看过两种 React-Bootstrap 教程。

有时教程显示使用npm install react-bootstrap bootstrap 安装 React-BootstrapBootstrap,然后在 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-BootstrapBootstrap,然后添加了 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。它可能会导致样式被覆盖,检查一下,stackoverflow.com/questions/40037657/…
  • 但是CDN不是更好,因为它会将自己缓存到用户的浏览器中吗?它有更快的加载时间。
  • 是的。这实际上取决于需求。对我来说,这个模块让我可以完全控制我想要的东西。
  • 好吧,我是 Web Dev 的菜鸟/菜鸟,所以我不关心自定义源代码中的所有小东西。

标签: reactjs npm cdn react-bootstrap


【解决方案1】:

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

为此,您需要

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-13
    • 2019-08-26
    相关资源
    最近更新 更多