SASS:无效的@import:预期的行尾，是 ";"- 有时

Question

我有一个只包含导入语句的 sass 文件

@import "this";
@import "that";

如果我从命令行运行 sass 一切都很好

bundle exec sass foo.scss:foo.css

但是，如果我从脚本中(也通过 bundle exec)运行它，它会对这些分号感到不安。这个...

template = File.read("foundation.scss")
sass_engine = Sass::Engine.new(template)
sass_output = sass_engine.render

...在 sass_engine.render 调用中产生以下内容:

(sass):1: Invalid @import: expected end of line, was ";". (Sass::SyntaxError)

如果我去掉分号，那么情况就会相反。它在命令行而不是在脚本中提示。

发生了什么，从脚本运行时如何让它接受分号？

Answer 1

不同之处在于，Sass 命令行程序注意到“scss”扩展名并将文件解析为 SCSS 而不是传统的 Sass。以编程方式执行此操作时，您正在启动 Sass 引擎，而不是告诉它它是 SCSS。

因此，错误在于将其读取为 Sass 而不是 SCSS。

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#options

这应该可以解决您的问题!

template = File.read("foundation.scss")
sass_engine = Sass::Engine.new(template, :syntax => :scss)
sass_output = sass_engine.render

中提琴!