我开始了一个新项目:
rails new test-styles
cd test-styles
rails generate controller CreditCards open
rails server
这是生产的HML
<link rel="stylesheet" media="all" href="/assets/credit_cards-1ed56f25de9e08bdac6a0e4c565de8ec.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/application-5760c24f7be45363d79a66235e9d6b39.css?body=1" data-turbolinks-track="true" />
这里是每个css的内容:
application.css
/* line 4, /.../test-styles/app/assets/stylesheets/credit_cards.scss */
body {
background: red;
}
credit_card.css
/* line 4, /.../test-styles/app/assets/stylesheets/credit_cards.scss */
body {
background: red;
}
正如我们所看到的,application.css包含credit_cards,那么为什么credit_cards也包含在页面中呢?
这很烦人,因为我想使用gem twitter-bootstrap-rails
和更少的变量。当然,如果credit_cards是单独编译的,它将失败。。。
我是RoR的新手,也许我搞砸了什么。。。
粘贴错误。。。Rails的应用程序css有行:
*= require_tree .
*= require_self
*/
这些行使用应用程序的目录assets/stylesheets中的所有css文件。有关它的更多信息,请点击此处。