ruby-on-rails - @import-ed .scss 文件和 Sprockets 4

Question

现在得到好的答案可能还为时过早，但我们开始吧:我有一个测试 Rails 项目，其 assets/ 目录看起来像这样:

config/
  manifest.js
images/
javascripts/
  application.js
stylesheets/
  _base.scss
  _reset.scss
  _theme.scss
  _variables.scss
  application.scss

list 文件如下所示:

// JS and CSS bundles
//= link_tree ../javascripts .js
//= link_tree ../stylesheets .css

// Images so that views can link to them
//= link_tree ../images

application.scss 是这样的:

@import "reset";
@import "variables";
@import "base";
@import "theme";

_base.scss 和 _theme.scss 都使用 _variables.scss 文件中定义的变量。

我想要它做的只是正常编译application.scss，但它失败了，因为它认为变量没有被定义；这是合理的，我链接为一棵树，所以 [我假设] 它正在单独编译每个文件，并且变量在那个时间点对两个文件不可用。

所以我尝试使用 link ../stylesheets/application.css 而不是树，我收到错误消息 couldn't find file '../stylesheets/application.css ' 在 '/Users/danielcouper/Projects/myproject/app/assets/config' 下； 即它似乎在完全错误的地方寻找，或者根据您是否使用 link 或link_tree.

如果我将 manifest.js 从 assets/config/ 目录移到 assets/ 以使相对路径正常工作，如前所述在 the Sprockets upgrading notes ，我收到一条错误消息，告诉我 assets/config/ 下没有 list 文件。

当时的文档[可以理解] super 稀疏；我读过的唯一有用的东西是 http://eileencodes.com/posts/the-sprockets-4-manifest/ , 这让我达到了这一点

Answer 1

不要使用link_tree，链接树会导入树中的所有文件。如果您只想要一个 application.css 文件，请使用此文件:

link application.scss

这样 sprockets 将从该文件开始，sass 将进行导入。