css - Rails 中的样式表

标签 css ruby-on-rails directive scss-mixins

我正在尝试将 bootstrap 4 合并到我的 Rails 5.2 元素中。目前,我的 app/stylesheets/application.css 中包含以下内容:

/*
 *= require_tree .
 *= require_self
*/

说明除了重命名为application.scss外,还要求删除:

 *= require_tree .
 *= require_self

并添加:

@import 'bootstrap'

不是“require_tree”。需要将所有样式表包含在样式表文件夹中吗?和“require_self”,以包含我可能决定添加到 application.scss 文件中的任何样式?

因此,如果我删除这两个语句,我是否需要使用 @import 语句单独包含每个样式表。例如,如果我有:user.scss,我会添加:

@import 'user'

我见过一些保留 require_tree 和 require_self 的例子。感谢您的建议。

最佳答案

在路径中使用星号

 @import "path/to/*"

如果您在“样式表”路径中添加所有 sxss(例如:stylesheet/a.sxss、b.sxss)

 @import "*"

否则您将所有 sxss 添加到“stylesheet/page”路径中(例如:stylesheet/page/a.sxss、b.sxss)

@import "page/*"

关于css - Rails 中的样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55052604/

相关文章:

css - 如果类位于具有特定 ID 的另一个元素之后,则具有特定的 CSS

ruby-on-rails - 当我执行 "bundle update"时,我从不在我的 gemfile 中的 gem 收到错误。我如何忽略这种依赖?

c++ - 为什么我们使用 `#include "stdafx.h "` instead of ` #include <stdafx.h>`?

jquery - 我应该使用什么 "platform"来开发在线交互式图像 map ?

顶部、右侧和左侧的 CSS 边距间隙

javascript - 使用 Ajax 和 CSS3 的动画

javascript - 根据下拉列表中选择的值设置日期时间选择器格式

ruby-on-rails - 在 Rails 中本地测试 Stripe webhooks 的事件处理程序

vue.js - 当父节点中有很多 v-if 时,自定义 v-focus 不起作用

使用下一个代码语句的 C 宏或 GCC 指令