SCSS / SASS без сопоставления / компиляции в CSS

Я достаточно новичок в Sass и пытаюсь оторваться от него. Мне нравится иерархия SMACSS, и я попытался включить ее в свой проект, как вы видите на изображении здесь, используя скобки:

Обзор фрагмента SMACSS Sass

Он компилируется через Ruby, установленный на моем компьютере. Однако, что бы я ни делал, файл main.scss не отображается и не переводится в файл main.css. Единственное, что в файле main.css -

/*# sourceMappingURL=main.css.map*/

Я поискал в Интернете и не нашел ответа. Кто-нибудь из пользователей Sass может дать совет?

Что интересно, я создал файл "robotodraft.scss" прямо в папке каталога поставщика, как показано в этой ссылке FontFaceKit RobotoDraft, работает! Файлы css и css.map автоматически генерируются вместе с содержимым!

Однако, когда я пробую то же самое с _underscorefiles в нескольких папках, связанных с основным CSS в папке стилей, как вы видите на изображении выше, я ничего не получаю.

Моя папка поставщика выглядит так

введите описание изображения здесь

ОБНОВЛЕНИЕ 25.06.16

Я создал файл font.scss, чтобы указать на папку и файлы, содержащие мои шрифты, которые я хочу использовать, и он скомпилирован! Я до сих пор не могу понять, почему мой main.scss не компилируется. В файле нет синтаксических ошибок. См. файл шрифта ниже

введите описание изображения здесь


css sass compass-sass adobe-brackets
person Aricha    schedule 25.06.2016    source источник
comment
У вас действительно есть файл main.css.map в том же каталоге, что и файл main.css?   -  person ssc-hrep3    schedule 25.06.2016
comment
Да, как показано на картинке. Он находится в папке стилей.   -  person Aricha    schedule 25.06.2016
comment
Вам действительно нужно объяснить, как вы компилируете свой SCSS. А если вы не уверены, скорее всего, нет. Пожалуйста, подтвердите, как именно вы составляете свой SCSS. Тогда мы сможем продолжить поиск и устранение неисправностей.   -  person Jonathan    schedule 26.06.2016
comment
Он автоматически компилируется с помощью Ruby, установленного в моей Windows 10. На тот случай, если ответ включает Compass, я установил его также с помощью командной строки Ruby.   -  person Aricha    schedule 26.06.2016
comment
Насколько я понимаю, вы пытаетесь сказать, что ваш sass не строится должным образом. Мы знаем, что он не был построен должным образом, если вы не генерируете файлы css, но мы также должны знать, что сообщает нам компилятор, чтобы устранить неполадки. Без вывода ошибок невозможно помочь. Слишком много файлов и отрывочное описание проблемы и того, что вы делаете, чтобы воссоздать ее. Проверьте свою командную строку, чтобы узнать, не возвращаются ли вы какие-либо ошибки. Или вам нужно будет отредактировать свой вопрос, чтобы более четко продемонстрировать проблему.   -  person Jonathan    schedule 26.06.2016
comment
@Jonathan Дело в том, что я не могу найти пустой пример проекта sass, похожий на мою настройку, на которой он основан. Кроме того, я попытался устранить неполадки через командную строку Ruby, но я не уверен, как создать журнал с помощью этого метода, и я не могу найти эту информацию с помощью поиска в Google. Я чувствую себя идиотом, что информация должна быть там, но я просто не сталкиваюсь с ней. Единственное, от чего я могу отказаться, - это мой успех при создании файла без подчеркивания, чтобы сгруппировать файлы с подчеркиванием в одном каталоге. Никакого успеха вне каталога. Может, еще картинки помогут?   -  person Aricha    schedule 26.06.2016

Ответы (3)


arrow_upward
1
arrow_downward

Обычно, когда SASS не компилируется, это означает, что где-то есть синтаксическая ошибка. Я не знаю, какой редактор вы используете или как прекомпилируется ваш SASS, но проверяйте наличие ошибок в вашей консоли или в ваших отдельных файлах.

В строке 17 файла index.html есть ссылка на "styles / typography.css", которую я нигде не вижу в вашей структуре папок. Опять же, в зависимости от того, как вы компилируете, это может быть или не быть проблемой.

Если вы вызываете "типографику" через @import где-нибудь в своих партиалах, это определенно остановит компиляцию и предотвратит компиляцию main.css

person Melinda Jackson    schedule 25.06.2016
comment
Верно! У меня было ощущение, что это может быть проблема с синтаксической ошибкой, однако, что бы я ни делал, я ничего не получаю. Что интересно, я создал файл robotodraft.scss прямо в папке каталога поставщика, как показано в этой ссылке ссылка, работает! Файлы css и css.map автоматически генерируются вместе с содержимым! Однако, когда я пытаюсь сделать то же самое с _underscorefiles в нескольких папках, ссылаясь на основной CSS в папке стилей. Я ничего не получаю. Я обновлю исходный пост для ясности. - person Aricha; 26.06.2016
comment
Может быть проблема с самими частями. Поскольку я не могу видеть это содержимое, я не могу вам сказать, но вы можете попробовать закомментировать каждую часть в main.scss (сначала все и доказать успешность компиляции), а затем один за другим, раскомментируйте их обратно. Когда он ломается, вы знаете, в каком файле проблема. Ваш файл main.scss должен работать так же, как и ваш файл fonts.scss. Мне это кажется хорошим, что заставляет меня думать, что проблема в одной из частичных. Хорошей охоты! - person Melinda Jackson; 26.06.2016

arrow_upward
1
arrow_downward

Вы используете символ подчеркивания (_) в качестве префикса файла, который зарезервирован для частичного sass (например, require в Ruby или include в C) ...

Убедитесь, что вы удалили подчеркивание или правильно использовали директиву import (возможно, это была директива include, я не могу вспомнить, как это было на макушке).

person Myst    schedule 25.06.2016

arrow_upward
0
arrow_downward

Я нашел свой ответ с помощью этого метода, который в основном похож на размещение файла-посланника для каждой используемой подпапки. в вашем проекте на основе Sass. Я использовал файл index.scss в каждой папке, который ссылался на все файлы в каждой папке, затем я просто импортировал эти файлы индекса в свой main.scss, используя правильный синтаксис @import. Я не совсем уверен, что заставляло его не компилироваться раньше, но с уверенностью могу сказать, что лучше всего сохранить его простым и чистым с помощью архитектуры Sass.

person Aricha    schedule 26.06.2016