Question

我很高兴使用SASS和Sublime Text 2进行WordPress开发，这两者都是我需要的，但我遇到了将我的SASS编译成CSS的问题，我正在尝试使用SassBuilder包就像在Hongkiat's guide中一样。

问题可能是以下之一 -

config-file使用错误的输出路径（对我来说似乎是这种情况）   亲自）。

配置文件位置需要更改。

我的编码SASS可能是错误的，导致style.css文件没有发生任何变化。

Sublime Text 2设置错误。

我的文件是SCSS，因此无法与SassBuilder一起使用

Underscores框架将style.css文件存储在主题文件夹的根目录中，以便

主题/ style.css中

这是在主题文件夹中的文件夹中找到sass文件所以

主题/ SASS / sassfiles.scss

在我的.sassbuilder-config.json文件中（SassBuilder用来编译成CSS的文件）我目前有以下代码，但我不确定我的output_path是否实际上是针对style.css文件的，这是在上面文件夹 .sassbuilder-config文件

中

{
    "output_path": ".../style.css",
    "options": {
        "cache":         true,
        "debug":         true,
        "line-comments": true,
        "line-numbers":  true,
        "style":         "nested"
    }
}

这是针对正确的文件，如果不是正确的代码，那么它是什么？我已经完成了一些谷歌，但不断进入非相关语言的路径代码。

我还可以考虑移动配置文件，但是Hongkiat指南声明它应该与SASS文件位于同一个文件夹中，这是我所理解的。

我的代码可能是错的，但到目前为止我所做的只是实际测试编译的一些基本变量，而且在测试时不起作用是我在这里的原因，我已经复制将字体权重变量粘贴到所有相关文件中，单独地，以各种组合方式完全粘贴，即使导入应该已经足够 - 但即使这样，它也无法在任何情况下更新style.css。

要详细了解代码我试图将字体样式应用于所有标题，尽管有一个令人困惑的事情是，有两个typography.scss文件可以在Underscores中找到，尽管它们的内容有所不同

theme/sass/variables-site/_typography.scss

中的SASS变量

$font-header-weight: 800;

然后在theme/sass/typography/_headings.scss

中找到的标题中

h1,h2,h3,h4,h5,h6 {
font-weight: $font-header-weight;
}

另一个_typography.scss文件从上面的那个中绘制变量，所以我假设添加另一个变量是要做的事情。

至于Sublime Text 2，我是Sublime Text的新手，但我在教程和网络文章等上看到人们正在使用代码观看，但我不确定我在哪里/哪个节目这样做（是命令行吗？）

我也按照SASS网站上的指南来运行代码所以不应该这样（使用Ruby版本1.9.3-p551）

如果问题是SCSS文件而不是SASS，那我该怎么编译呢？因为我看起来也是如此，但我仍然感到困惑。

希望我很快就能明白这一点，坚持第一步，我只想继续开始设计！

总结一下，我只想让我的SASS开始观看/编译我的CSS文件。

Answer 1

我正在使用类似的安排。

试试这个：而不是Sass Builder（或者我已经安装了）下载并安装Jaume Fontal的软件包“SASS Build”。

然后，在Sublime Text 2中，首选项 - ＆gt;浏览包，转到SASS Build包文件夹并编辑非常短的构建文件（SASS.sublime-build），如下所示:(注意您只需在第一行添加/../）

{

"cmd": ["sass", "--update", "$file:${file_path}/../${file_base_name}.css", "--stop-on-error", "--no-cache"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",

"osx":
{
    "path": "/usr/local/bin:$PATH"
},

"windows":
{
    "shell": "true"
}

}

在我的安装中，它现在将scss编译为父文件夹中的css。

Answer 2

当然 “output_path”：“... / style.css”，应该阅读

"output_path": "../style.css",

我认为你的输出路径是不正确的。

Answer 3

我决定采用ScoutApp作为解决方案，可能无法回答我的即时查询，但它使事情变得更简单，直线前进而且不那么繁琐。

此外，我确实将out_path代码更改为../style.css，但它没有帮助。

Answer 4

你安装过sass吗？如果未在终端窗口中使用gem install sass，请重新启动sublime文本，然后重试。

在上一个文件夹中输出路径时，使用Sublime Text 2编译/观察Sass

4 个答案: