css - 在括号中使用 SASS 部分

Question

所以我已经开始使用 Brackets 作为我的 IDE，并且一直在尝试获取 SASS 和我需要在它上面工作的所有其他东西。因此，当我四处游玩时，我意识到我无法与其他部分文件共享我的部分文件。我正在使用 "brackets-sass" extension by jasonsanjose .

我的sass文件夹结构如下，

sass
 |-> includes
          _config.sass
          _base.sass
          _reset.sass
          _utilities.sass
          _helpers.sass
          _main.sass
 style.sass

我在 _config.sass 文件中声明了一堆变量，但无法在任何其他部分文件中访问它们。我想知道这怎么可能，或者如果扩展的这个功能尚未实现，我将如何实现。

我的 .brackets.json 文件看起来像这样，

{
    "sass.enabled": false,
    "path": {
        "sass/style.sass": {
            "sass.enabled": true,
        "sass.options": {
            "includePaths": [
                "../sass/includes"
            ],
            "outputDir": "../css/",                
            "imagePath": null,
            "sourceComments": "map",
            "outputStyle": "nested"
        }
    },

        "sass/includes/*.sass": {
            "sass.enabled": false
        }
    }
}

如果我尝试将一个部分文件导入另一个文件，它会提示以下错误，“要导入的文件未找到或不可读:‘includes/config’@import ‘includes/config’”如果我尝试在 _config.sass 的任何其他部分文件中使用变量，我会收到以下错误，“未绑定(bind)变量 $var_name”。

帮助将不胜感激。谢谢。

干杯

Answer 1

路径和 sass.options 位置错误，我遇到了类似的问题。

我让它在 brackets.json 中使用以下首选项使用多个入口点并包含路径目录。而不是 bourbon/neat 添加您的包含。

{
    "sass.enabled": false,
    "sass.options": {
        "includePaths": [
            "../node_modules/node-bourbon/assets/stylesheets",
            "../node_modules/node-neat/assets/stylesheets"
        ],
        "outputDir": "../css/",
        "imagePath": null,
        "sourceComments": false,
        "outputStyle": "nested"
    },
    "linting.collapsed": false,
    "spaceUnits": 2,
    "path": {
        "scss/app.scss": {
            "sass.enabled": true   
        },

        "scss/teaser.scss": {
            "sass.enabled": true
        }
    }
}

希望对您有所帮助!