2016-07-21 70 views
0

我是rails新手,试图将main.css.scss链接到views/main中的index.html.erb文件。Rails 5:CSS将不会链接到html

我的css文件位于app/assets/stylesheets。这是默认的,我没有改变任何东西。


所以在我的index.html.erb文件中添加以下:

<%= stylesheet_link_tag "main" %> 

这扔劝告我有“的CSS”在‘主’结束一个错误。我在main的结尾添加了“.css”和“.css.scss”。主页面加载,但没有CSS文件。

在rails 5中链接css的正确方法是什么?

回答

1

阅读api文档here.它将帮助您了解如何在rails中链接css。

也看看Samuel's答案。他解释得很好。

1

这很简单。如果你不希望使用默认application.cssapplication.js,然后在你的情况main创建新的文件,如:

app/assets/stylesheets/main.scss 
app/assets/javascripts/main.js 

然后在你的布局包括文件:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Foobar</title> 
    <%= stylesheet_link_tag 'main', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'main', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
    </head> 

并添加这些文件到assets.rb

Rails.application.config.assets.precompile += %w(main.scss main.js) 

然后重新启动服务器。