{%hackmd @themes/dracula %} # Cómo configurar Rails y Bootstrap sin nodejs **Crear un nuevo proyecto** ```bash rails new myapp ``` Esto configurará exactamente las herramientas que quiero: **sprockets** y **importmaps**. También se configurará automáticamente para mí estímulo y turbo, lo cual es genial porque los uso la mayor parte del tiempo de todos modos. Agregar la hoja de estilo. Agregue la gema de bootstrap y habilite la gema `sassc-rails` en el Gemfile. Esto nos permitirá compilar bootstrap desde SCSS sin node. ```ruby # Use Sass to process CSS line:46 gem "sassc-rails" ``` Simplemente puede importar estilos de Bootstrap en `app/assets/stylesheets/application.scss`: ```css // here your custom bootstrap variables... @import "bootstrap"; ``` Eso es todo por la parte de CSS. Correr `rails assets:precompile` generará lo que quieras. Para la parte de javascript necesitamos hacer tres cosas: 1) Precompile el **bootstrap.min.js** que viene con la gema, agregando a `config/initializers/assets.rb` ```ruby Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js ) ``` 2) fije el activo compilado en `config/importmap.rb`: ```ruby pin "popper", to: 'popper.js', preload: true pin "bootstrap", to: 'bootstrap.min.js', preload: true ``` 3) Incluya bootstrap en su `app/javascript/application.js`: ```ruby import "popper" import "bootstrap" ```