Sass 如何为整个文件夹设置考拉的目录映射?

Sass 如何为整个文件夹设置考拉的目录映射?,sass,Sass,我正在尝试为设置目录映射,以便将所有文件输出到css文件夹 我的项目文件结构: -- Project folder -- css -- style.css -- print.css -- scss -- style.scss -- print.scss 我希望考拉能够监视scss文件夹中的所有文件,并将它们输出到css文件夹中 我发现可以将项目设置文件koala config.json放在项目根目录中: 当我尝试时,它不起作用: // The mappi

我正在尝试为设置目录映射,以便将所有文件输出到
css
文件夹

我的项目文件结构:

-- Project folder
  -- css
    -- style.css
    -- print.css
  -- scss
    -- style.scss
    -- print.scss
我希望考拉能够监视
scss
文件夹中的所有文件,并将它们输出到
css
文件夹中

我发现可以将项目设置文件
koala config.json
放在项目根目录中:

当我尝试时,它不起作用:

// The mappings of source directory and output directory
"mappings": [
{
    "src": "scss",
    "dest": "css"
    }
],
如何为整个文件夹设置输出映射?

每个项目设置

以前的设置适用于所有已注册的项目。我们还可以通过以下方式自定义每个项目的设置:

右键单击项目文件夹。导航到项目设置>新设置

有很多选择。选择“Default”、“for LESS”和“for CoffeeScript”将创建一个项目配置文件koala-config.json,而选择“for Sass”或“for Compass”将创建config.rb,即Sass和Compass配置文件

这些文件保存在项目根目录中,我们需要在代码编辑器中编辑它们以自定义项目设置。下面是一个示例,如果您想更改较少的输出文件夹

"mappings": [
{   
    "src": "build/less",
    "dest": "assets/css"
}],

只需右键单击要编译的scss文件,就会看到“设置输出路径”选项。 将此设置为目标css文件夹并开始。 您还可以通过右键单击考拉中选定的scss文件夹并选择SASS的每个项目设置来设置每个项目的设置。考拉创建考拉-config.json

// The mappings of source directory and output directory
"mappings": [
    // {    
    //  "src": "path/to/source",
    //  "dest": "path/to/output"
    // }
],

只需编辑指向SCS和css文件夹的路径。

我知道这个问题并不新鲜,但考拉文档并不全面,因此此代码可能会对其他人有所帮助。看起来您必须更改两条路径才能使其正常工作:

"mappings": [
     {
        "src": ".",
        "dest": "../css"
     }
],
您可以在考拉的UI中看到实际的输出路径。它位于每个SCSS文件名的下方。下面是一个例子:


我看不出这是如何回答这个问题的?OP希望将考拉配置为监视整个目录,而不是更改编译器。示例代码设置为整个文件夹。这意味着:编译从SCS到css文件夹的所有内容。如果您创建一个配置文件,从GUI中创建它,然后编辑它,从考拉中删除项目,然后读取它,但是请确保添加该目录,配置文件在哪里。对我来说,考拉似乎没有重新加载配置文件,当你将你的项目添加到考拉时,它有一些意义(只有在这种情况下,如果没有解析错误,如果有解析错误,整个文件都会被忽略)。