如何在rails上的application.css文件ruby中加载style.scss文件答案

【问题标题】：How to load style.scss file in application.css file ruby on rails如何在rails上的application.css文件ruby中加载style.scss文件
【发布时间】：2016-12-30 17:37:41
【问题描述】：

我有 ruby on rails 项目，我想在我的样式表中包含 scss 文件，即 application.css

目录结构如下：

问题是当我尝试在我的 application.css 文件中执行此操作时：

 *= require font-awesome
 *= require bootstrap
 *= require slick
 *= require basic-theme
 *= require style
 *= require_self


@import url("style.scss"); //it is in scss folder.

它仍然不解析其中的代码。此外，如果我使用 assets/ 设置路径，它会加载它，但会出现如下错误：

Sass::SyntaxError in Home#index

Undefined variable: "$base-font".

如何在我的 rails 应用程序中轻松导入所有这些 scss 文件？请问有什么最佳做法吗？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 asset-pipeline

【解决方案1】：

你需要使用

@import "<relative path to style.css without .scss>"

【讨论】：

style.scss 包含类似@import 'base/variables'; @import 'base/mixins'; @import 'base/base'; 的代码在这种情况下如何工作？另一个名称为 style 的文件也已导入并且工作正常，其中包含非 scss 代码。