不包括资产管道样式表

Question

为什么我在app/assets/stylesheets/ 中的样式表没有包含在rails 中？ 这很奇怪，因为我在 app/assets/javascripts/ 中的 javasripts 被包含在内。

我认为这些目录中的所有资产都应该已经被注释掉了 CSS 清单文件application.css.scss 中的=require_tree . 行。

application.js.coffee` 中的//= require name_of_asset 行似乎工作正常。

application.css.scss

@import "resets";
@import "bootstrap";
/*
 *= require_self
 *= require_tree .
 */

---

文件目录树

我的实际完整application.css.scss

@import "resets";
@import "bootstrap";
/* blanket styles */
@import "custom/cp_variables";
@import "custom/cp_custom";
@import "custom/cp_responsive";
/* plugin styles */
@import "spritz";
/*
 *= require select2
 *= require select2-bootstrap
 *= require_self
 *= require_tree .
 */

我在加载“socionics.css.scss”文件及其所有同级文件时遇到问题。 嵌套在“自定义”子文件夹下的文件可以正常工作，因为我使用了@import。

另外，有些 js 文件的 .coffee 后缀是有意的。

Answer 1

您可能会受益于SCSS globbing

这是我们实际的 application.css.sass 文件之一（sass 和 scss 使用相同的预处理器，因此两者都可以使用）：

#app/assets/stylehseets/application.css.sass
@import variables
@import jquery/**/*

这应该开箱即用（我安装了sass-globbing gem，但结果我们不需要它！）

--

修复

对你来说，我会试试这个：

#app/assets/stylesheets/application.css.scss
@import "resets";
@import "bootstrap";

/* Blanket Styles */
@import "*" /* not sure if this will work for base dir */
@import "custom/*";

/* Plugins */
@import "spritz";
@import "select2";
@import "select2-bootstrap";

--

更新

在订购方面，我假设alphabetical，并且似乎确认了here：

CSS 依赖于顺序，因此，在您的 用于导入依赖于样式表级联的样式的样式表 为风格的变化创造了机会，而不是 手动断言的顺序。建议您只使用通配符 顺序不重要的地方；例如。导入库文件。