在 rails 6 中正确加载 Bootstrap答案

【问题标题】：proper Bootstrap loading in rails 6在 rails 6 中正确加载 Bootstrap
【发布时间】：2021-07-28 01:13:44
【问题描述】：

我在 rails 6 中有一个需要引导程序的应用程序。 Bootstrap 正在 application.css 中加载

/*
 *
 *= require bootstrap
 *= require jquery-ui
 *= require font-awesome
 *= require_tree
 *= require_self
*/

我创建了一个文件夹 /stylsheets/admin 来保存我的管理员 CSS。在那里，除非我再次导入引导程序，否则它不适用于管理布局

admin_layout.scss：

@import "font-awesome";
@import "bootstrap";
@import "admin";

但是，这会导致引导程序在页面加载时出现两次。我的问题是：这样做的正确方法是什么？我已经通过几种方式解决了它，但没有一种感觉是“正确的”。

解决方案 1：我从 application.css 中删除了“需要引导程序”。由于“require_tree”加载样式表/引导程序中的所有文件和文件夹适用于应用程序。但是，如果我添加更多布局，这将是一个问题。

解决方案 2：（更糟糕的是）将 admin_layout.css 移到 stylesheets/ 之外，这样 'require_tree' 就不会加载它。

我四处寻找，但没有找到“正确的方法”。我错过了什么？

【问题讨论】：

【解决方案1】：

你可以尝试在 require_tree 之后使用 stub 指令

/*
 *
 *= require bootstrap
 *= require jquery-ui
 *= require font-awesome
 *= require_tree
 *= require_self
 *= stub admin_layout
*/

【讨论】：