html - rails 的正确 CSS 文件模板应该是什么样子的？

Question

我正在为 CSS 编写 Rails 教程，我被指示在 app/assets/stylesheets/shmoogle.css.scss 下创建一个 shmoogle.css.scss 文件

该文件旁边是 application.css 文件，如下所示:

/*
 * This is a manifest file that'll be compiled into application.css, which will include   
   all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, 
   vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a   
   relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the   
   bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any 
   styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to 
   create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 *= require_shmoogle
 */

请注意我 require_shmoogle 的倒数第二行。它是否正确？难道要这样注释掉吗？

Answer 1

require_tree .指令将自动包含当前目录中的所有 css 文件，因此您不需要针对该特定文件的单独 require 语句。

当您需要按特定顺序加载文件时，自定义要求会派上用场。例如:

*= require_self
*= require load_me_first
*= require load_me_next
*= require_tree ./subfolder_to_require_next
*= require_tree .

该代码将按照您指定的顺序包含文件，最后的 require_tree .将需要其他一切。如果您不想包含其他所有内容，您可以删除 require_tree .指令并手动要求所有内容。

list 文件的注释性质是预期的。特殊指令(以 *= 开头)会导致 Assets 管道中的特殊行为。在注释 block 之外编写的任何代码都将被解释为常规 css 代码并包含在 require_self 中。指示。

您可以阅读更多关于 Manifest Files and Directives 的信息在Assets Pipeline Rails Guide .