如何为整个文件夹设置考拉的目录映射？答案

【问题标题】：How to set directory mappings for Koala for the whole folder?如何为整个文件夹设置考拉的目录映射？
【发布时间】：2018-10-15 22:58:31
【问题描述】：

我正在尝试为Koala prepocessor 设置目录映射以将所有文件输出到css 文件夹中。

我的项目文件结构：

-- Project folder
  -- css
    -- style.css
    -- print.css
  -- scss
    -- style.scss
    -- print.scss

我想让考拉监视scss文件夹中的所有文件并将它们输出到css文件夹中。

我发现可以将项目设置文件koala-config.json 放在项目的根目录中：https://github.com/oklai/koala/wiki/Using-project-settings

当我尝试过时，它不起作用：

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

如何设置整个文件夹的输出映射？

【问题讨论】：

您的示例代码设置为整个文件夹。这意味着：编译从 scss 到 css 文件夹的所有内容。如果您创建一个配置文件，从 GUI 创建它，然后对其进行编辑，从考拉中删除项目，然后读取它，但请确保添加该目录，配置文件在哪里。对我来说，似乎 koala 不会重新加载配置文件，当您将项目新添加到 koala 时，它只是有一些意义（只有这种情况，如果没有解析错误，如果有解析错误，则忽略整个文件）。

标签： sass

【解决方案1】：

按项目设置

之前的设置适用于所有注册的项目。我们还可以通过这种方式为每个项目自定义设置：

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

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

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

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

【讨论】：

我不明白这是如何回答这个问题的？ OP想要配置考拉看整个目录，而不是改变编译器。

【解决方案2】：

我知道这个问题并不新鲜，但 Koala 文档并不广泛，所以也许这段代码会对某人有所帮助。看来您必须更改两条路径才能使其正常工作：

"mappings": [
     {
        "src": ".",
        "dest": "../css"
     }
],

您可以在 Koala 的 UI 中看到实际的输出路径。它位于每个 SCSS 文件的名称下方。这是一个例子：

【讨论】：

【解决方案3】：

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

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

只需编辑 scss 和 css 文件夹的路径即可。

【讨论】：