-3

Как правильно подключить Susy, если я использую gulp, и sass уже установлен.

Я пытаюсь подключить следующим образом:

@import "node_modules/susy/sass/_susy.scss";

Но если так подключать, то не работает clearfix; например, не находит его. А если использовать @include span(6); ,то span(6); работает. Так как же все таки правильно подключить Susy?

3
  • Я пока точно не уверен, но пхоже нужно было использовать susy-clearfix;
    – Niko_D
    11 янв 2016 в 16:37
  • Я пока оставлю это здесь и как доберусь до компьютера, объясню, если вы не догадаетесь.
    – user181100
    12 янв 2016 в 22:03
  • @D-side - пока не догадался, но еще посмотрю, только чуть позже.
    – Niko_D
    12 янв 2016 в 22:14

1 ответ 1

3

Нужно подсказать Sass'у "include paths", места, в которых ожидаются файлы дополнительных библиотек, чтобы импорт был максимально тупым, ни на что не рассчитывал и легко переносился на любую сносную систему сборки (хоть в тот же Compass). Импорт такого вида:

@import "susy";

Это импортирует файл _susy.scss или _susy.sass из текущей папки или "include paths".

И тут начинаются довольно весёлые проблемы. Разные библиотеки по-разному публикуют пути к своим файлам. Но в итоге в gulpfile.js должна получиться конструкция такого вида:

sass({
  includePaths: [путь] // здесь должны быть перечислены пути к используемым библиотекам
})

Осталось найти путь. Бывают хорошие люди, которые экспортируют пути в точке входа*, но авторы Susy в качестве точки входа указали SCSS-файл. Довольно загадочный ход, но можно получить путь к нему и отрезать имя файла, оставив только папку:

path = require('path')
susy_main = require.resolve('susy') // получение абсолютного пути к точке входа susy
susy_dir  = path.dirname(susy_main) // путь, полный, с точкой входа, но нужна только папка

Всё, нужный путь (абсолютный!) лежит в susy_dir.


* Модули в NodeJS обычно пакуются в одноимённые папки, и когда делается require(название), возвращается объект, который экспортирует его точка входа: файл, указанный в package.json под ключом "main" (а если этого ключа нет, он попытается угадать, см. инструкцию). Следуя примеру по ссылке выше, вот указание точки входа в Bourbon.

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.