jquery - 安装 bootstrap gem 或yarn 添加适用于 Rails 5.1 的 bootstrap 或两者

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

使用 --webpack=react 选项在 Rails 5.1 中设置项目后,我应该安装 bootstrap gem 吗?或者使用 yarn 添加 Bootstrap ?或者,如果我在整个项目中使用 Rails 和 React 组件,我是否需要两者?

另外,这两种方法各有优缺点吗?

最佳答案

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

如果您需要它,例如在 app/views/*/*.html.erb 中,您将需要 gem,并在 app/assets/stylesheets/application.scss 与 JavaScript 文件相同。

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

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

关于jquery - 安装 bootstrap gem 或yarn 添加适用于 Rails 5.1 的 bootstrap 或两者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45288708/

相关文章:

reactjs - 阻止 `useSelector` 重新渲染组件?

html - 如何使用图像作为表单中的选项

css - 将自定义复选框图标放置在标签Bootstrap 4的右侧

ruby-on-rails - Ruby on Rails Bootstrap 警告框

JavaScript 按星期几对数组数组进行排序

jquery - jqgrid - 每页的项目

javascript - 无法在 socket.io 回调 React.js 中调用 setState

javascript - jQuery Slidetoggle + 旋转

javascript - 如何删除 HTML jQuery JavaScript 中不需要的字符

node.js - ReactJS,内部专用 IP 服务器上的 Express 应用程序自托管