资产管道样式表未包含在内

Question

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

我认为这些目录中的所有资产都应该已经过评论 CSS清单文件=require_tree .中的application.css.scss行。

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 .
 */

我在加载＆＃34; socionics.css.scss＆＃34;时遇到问题。文件，以及它的所有兄弟姐妹。 这些文件嵌套在＆＃34; custom＆＃34;子文件夹工作正常，因为我使用了@import。

另外，为某些js文件留下.coffee后缀是故意的。

Answer 1

您可能会受益于SCSS globbing

这是我们实际的application.css.sass个文件之一（sass＆amp; scss使用相同的预处理器，因此可以同时使用这两个文件：

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

这应该是开箱即用的（我安装了sass-globbing宝石，但事实证明我们并不需要它！）

-

<强>修正

对你而言，我试试这个：

#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依赖于顺序，因此，在您的内容中使用此方法   样式表导入依赖于样式表级联的样式   为风格创造了一个机会，比一个风格更难以预测   手动断言顺序。建议您只使用globbing   秩序不重要;例如。导入库文件。