首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Sass::Engine.new导致Sass::SyntaxError on @import

Sass::Engine.new导致Sass::SyntaxError on @import
EN

Stack Overflow用户
提问于 2016-04-14 07:49:14
回答 1查看 167关注 0票数 2

我正在用ruby编写我自己的静态站点生成器,我正在将Sass编译器添加到我的代码中。

代码语言:javascript
复制
def compile_sass
  # system 'sass _sass/styles.scss styles.css'
  options = {
    syntax: :scss,
    style: :compressed
  }
  render = Sass::Engine.new(File.read('_sass/styles.scss'), options).render
  File.write('style.css', render)
end

但是当styles.scss文件中包含@import时会出现问题。致因

代码语言:javascript
复制
(sass):1: File to import not found or unreadable: variables. (Sass::SyntaxError)

两个SCSS文件都位于_sass文件夹中,主脚本位于根目录中,compile_sass位于_generator中。但是,当我取消对系统调用的评论,并对其余的进行评论时,一切都如期而至。

styles.scss

代码语言:javascript
复制
@import 'variables';

html {
  background-color: red;
}

_variables.scss

代码语言:javascript
复制
body {
  background-color: blue;
}

我几乎什么都试过了,检查了如何进口物品看了文件,但是找不到任何能帮助我找到和定义问题的方法。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-07 10:02:15

结果,我不得不像这样将所有_sass/*.scss文件加载到Sass::Engine中:

代码语言:javascript
复制
Sass::Engine::DEFAULT_OPTIONS[:load_paths].tap do |load_paths|
  load_paths << '_sass'
end
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36616827

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档