install bootstrap gem 或 yarn add bootstrap for rails 5.1 或两者
install bootstrap gem or yarn add bootstrap for rails 5.1 or both
在 rails 5.1 中使用 --webpack=react 选项设置项目后,我应该安装 bootstrap gem 吗?或者使用 yarn add bootstrap?或者,如果我在整个项目中使用 rails 和反应组件,我是否需要两者?
另外,这两种方法各有利弊吗?
这取决于你想在哪里使用Bootstrap。
如果您需要它,例如在 app/views/*/*.html.erb
中,您将需要 gem,并在 [=11= 的 Rails 资产管道中需要它] 与 JavaScript 文件相同。
但是正如您提到的,您使用 --webpack=react
创建了 Rails 应用程序,我猜您想在客户端应用程序中使用 Bootstrap,因此 app/javascript
文件夹,而不是 Rails 资产 (app/assets
)。
在这种情况下,您必须使用 yarn
.
安装它
您必须将 app/assets
视为 "old way" 或 non-javascript 框架方式(这并不完全正确,因为您有一些 gem安装 React 或 AngularJs 等...),您应该会看到 app/javascript
新的方式,使用 webpacker,因此使用 JavaScript 框架并成为 100% 的应用程序 JavaScript (而在资产中,您将使用一些 .erb
文件)。
在 rails 5.1 中使用 --webpack=react 选项设置项目后,我应该安装 bootstrap gem 吗?或者使用 yarn add bootstrap?或者,如果我在整个项目中使用 rails 和反应组件,我是否需要两者?
另外,这两种方法各有利弊吗?
这取决于你想在哪里使用Bootstrap。
如果您需要它,例如在 app/views/*/*.html.erb
中,您将需要 gem,并在 [=11= 的 Rails 资产管道中需要它] 与 JavaScript 文件相同。
但是正如您提到的,您使用 --webpack=react
创建了 Rails 应用程序,我猜您想在客户端应用程序中使用 Bootstrap,因此 app/javascript
文件夹,而不是 Rails 资产 (app/assets
)。
在这种情况下,您必须使用 yarn
.
您必须将 app/assets
视为 "old way" 或 non-javascript 框架方式(这并不完全正确,因为您有一些 gem安装 React 或 AngularJs 等...),您应该会看到 app/javascript
新的方式,使用 webpacker,因此使用 JavaScript 框架并成为 100% 的应用程序 JavaScript (而在资产中,您将使用一些 .erb
文件)。