在括号中使用SASS部分

时间:2015-02-02 04:18:34

标签: css html5 sass adobe-brackets

所以我开始使用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'包含/ config'” 如果我尝试在_config.sass的任何其他部分文件中使用变量,我会收到以下错误, “未绑定的变量$ var_name”。

非常感谢帮助。谢谢。

干杯

1 个答案:

答案 0 :(得分:2)

路径和sass.options错误的地方,我有类似的问题。

我使用了bracket.json中的以下首选项 使用多个入口点并包含路径目录。 而不是波旁威士忌/整洁添加你的包括。

{
    "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
        }
    }
}

希望有所帮助!