2015-02-02 3 views
0

Итак, я начал использовать скобки в качестве моей 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 
     } 
    } 
} 

Если я пытаюсь импортировать файл частично в другой, он предлагает следующую ошибку, "файл для импорта не найден или нечитаемым:" include/config '@import' включает/config '" , и если я попытаюсь использовать переменную в любом другом частичном файле из _config.sass, я получаю следующую ошибку: « несвязанная переменная $ var_name ».

Помощь была бы очень признательна. Спасибо.

Приветствия

+0

Мне пришлось переустановить расширение. Он работает сейчас. –

ответ

2

Дорожки и sass.options в неправильном месте, у меня были подобные проблемы.

У меня есть работа со следующими настройками в brackets.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 
     } 
    } 
} 

Надеюсь, что это поможет!

+0

Спасибо. Так оно и было. Теперь стало проще с новым обновлением. –

 Смежные вопросы

  • Нет связанных вопросов^_^