安装 bootstrap gem 或 yarn 为 rails 5.1 或两者添加 bootstrap答案

【问题标题】：install bootstrap gem or yarn add bootstrap for rails 5.1 or both安装 bootstrap gem 或 yarn 为 rails 5.1 或两者添加 bootstrap
【发布时间】：2017-12-30 12:26:59
【问题描述】：

在使用 --webpack=react 选项在 Rails 5.1 中设置项目后，我应该安装引导 gem 吗？或使用纱线添加引导程序？或者，如果我在整个项目中使用 rails 和 react 组件，我是否需要两者？

另外，这两种方法各有优缺点吗？

【问题讨论】：

标签： jquery reactjs bootstrap-4 yarnpkg ruby-on-rails-5.1

【解决方案1】：

这取决于你想在哪里使用 Bootstrap。

如果您需要它，例如在 app/views/*/*.html.erb 中，您将需要 gem，并在 app/assets/stylesheets/application.scss 的 Rails 资产管道中需要它，对于 JavaScript 文件也是如此。

但正如您提到的，您使用--webpack=react 创建了Rails 应用程序，我猜您想在客户端应用程序中使用Bootstrap，因此使用app/javascript 文件夹而不是Rails 资产(app/assets)。在这种情况下，您必须使用 yarn 安装它。

您必须将 app/assets 视为“旧方式”或非 JavaScript 框架方式（这并不完全正确，因为您有一些 gem 可以安装 React 或 AngularJs 等...），而您应该看到 app/javascript 的新方式，使用 webpacker，因此使用 JavaScript 框架并成为 100% JavaScript 的应用程序（而在资产中，您将使用一些 .erb 文件）。

【讨论】：