所以我开始使用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”。
非常感谢帮助。谢谢。
干杯
答案 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
}
}
}
希望有所帮助!