Question

我是编程的新手，我正在尝试将一个简单的网站作为练习。我用：

红宝石
sinatra
sass
base（苦味）
bourbon
整齐

我面临的问题与sass有关，它并没有加载我的＆＃34; style.scss＆＃34;：

application.rb中：

require "sinatra"

get "/" do
   erb :Home
end

get "/style.css" do 
   scss :"scss/style"
end

layout.erb：

<html>
    <head>
        <link rel="stylesheet"  href="/style.css" >
        <title>Home</title>
    </head>
    <body>




    <div class="article">

        <%= yield %>
    </div>
    </body>
</html>

Home.erb：

<p> text </p>

style.scss：

@import "normalize";
@import "bourbon/bourbon";
@import "base/base";
@import "neat/neat";

$column: 90px;
$gutter: 30px;
$grid-columns: 10;
$max-width: em(720);

body {
    background-color: #b8b8b8;
}

a {
    color: #CC1212;
}

div.article {
    @include outer-container;
    background-color: #cfcfcf;
}

错误消息显示： Sass :: SyntaxError - 要导入的文件未找到或不可读：neat-helpers

来自Bourbon，neat和base的所有.scss文件在实际名称之前都有一个下划线。

所以neat.scss =＆gt; _neat.scss

我没有弄错。你能帮我解释一下我做错了什么吗？

Answer 1

您需要使用将要将文件转换为CSS的编译器。使用指南针宝石来做到这一点。

以下是您可以遵循的基本实现：

https://github.com/Compass/compass/wiki/Sinatra-Integration

Sass不加载.scss

1 个答案: