css - Sass 不加载 .scss

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

ruby
西纳特拉
萨斯
基础(苦味)
波旁威士忌
整洁

我面临的问题与 sass 有关，它没有加载我的“style.scss”:

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>

首页.erb:

<p> text </p>

样式.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 => _neat.scss

我不明白哪里出了问题。你能帮我解释一下我做错了什么吗？

最佳答案

您需要使用将文件转换为 CSS 的编译器。使用罗盘 gem 来做到这一点。

这是您可以遵循的基本实现:

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

关于css - Sass 不加载 .scss，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27214934/