在 Rails 6 上添加 Bootstrap 4答案

【问题标题】：Adding Bootsrap 4 on Rails 6在 Rails 6 上添加 Bootstrap 4
【发布时间】：2019-09-16 08:36:12
【问题描述】：

我最近在网上阅读了很多关于如何在新版本的 Rails 上成功安装 bootstrap 4 的教程。

这是我到目前为止所采取的步骤：

yarn add bootstrap jquery popper.js

在 config/webpack/environment.js 中添加了以下内容：

const { environment } = require('@rails/webpacker')        
const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default']
}))

module.exports = environment

在 app/javascript/packs/application.js 中添加了以下内容：
```
require("bootstrap/dist/js/bootstrap")
```
在 app/assets/stylesheets/application.css 添加以下内容：
```
@import "bootstrap/scss/bootstrap";
```

我还尝试在同一个 scss 文件夹中添加一个 custom.scss 文件（_custom.scss 文件），并尝试更改背景颜色。

只是为了看看引导程序是否正在运行，我添加了一个类表 table-dark 但没有工作。

知道我在这里缺少什么吗？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-6

【解决方案1】：

您只需要在单独的选项卡中运行它：

./bin/webpack-dev-server

如果之后您从 webpacker 收到“编译成功”消息，那么您就可以开始了！否则，它将向您显示您需要修复的错误，以便正确编译和加载资产。

【讨论】：

作为补充，我建议你使用 foreman gem，你只需要输入foreman s 来启动你的rails 服务器和webpack-dev-server 只需一个procfile。例如：web: bin/rails server webpack: bin/webpack-dev-server sidekiq: bundle exec sidekiq
我只是好奇为什么我必须安装工头并创建一个 procfile 而我可以运行一个班轮并立即开火：思考：
不幸的是，这对我没有帮助：将 aplication.css 更改为 .scss @import 按预期工作。