在Rails 6 Alpha上安装https://github.com/twbs/bootstrap-rubygem

Question

如何在导轨6上安装引导程序gem（https://github.com/twbs/bootstrap-rubygem）？

引导程序README要求我们将内容添加到application.js 但是Rails 6似乎在通常的地方没有application.js。

[Rails 6.0.0.alpha] bundle exec rails new noname --edge --database=postgresql --webpacker=react

Answer 1

如果使用webpacker，则可能要使用bootstrap的npm软件包

yarn add bootstrap@4.0.0 popper.js

和

# app/javascript/packs/application.js
import 'bootstrap/dist/js/bootstrap';

和内部stylesheets.scss

@import '~bootstrap/scss/bootstrap';

请在此处查看完整步骤：https://medium.com/@coorasse/goodbye-sprockets-welcome-webpacker-3-0-ff877fb8fa79

Answer 2

这对我来说是最基本的解决方案：

用纱安装bootstrap，jquery和popper.js：

$ yarn add bootstrap
$ yarn add jquery
$ yarn add popper.js

然后在bootstrap中需要app/javascript/packs/application.js JS和CSS：

require('bootstrap')
require('bootstrap/dist/css/bootstrap.min.css')

注意：如果您需要使用SCSS自定义Bootstrap，则此解决方案不适合您。使用上面的@coorasse解决方案。