Компиляция в несколько файлов.scss с помощью автоматической компиляции плагина Atom Plugin с помощью armin-pfaeffle

Question

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

У меня есть три основных файла:

1. ядро-something_1.scss
2. ядро-something_2.scss
3. Элемент списка

ядро-something_3.scss

Все эти файлы нуждаются в одинаковых цветах сброса и т. Д. Вот почему все они находятся в одном проекте SCSS. Чтобы иметь возможность компилировать мне нужно добавить комментарий:// main: ../core-something_1.scss

Это скомпилирует только один файл, что имеет смысл, но есть возможность добавить что-то. как это:// main: "../core-something_1.scss", "../core-something_2.scss", "../core-something_3.scss"

В результате он автоматически скомпилирует три файла для меня. Лучший вариант - избавиться от этих комментариев и просто проверить, где вызываются подфайлы scss, и скомпилировать их. Я работал над "Coda by Panic", но несколько недель назад перешел на Atom. В Coda все работало нормально без каких-либо комментариев. Может быть, кто-то может помочь. Спасибо!:)

Ссылка на плагин: https://github.com/armin-pfaeffle/sass-autocompile

Answer 1

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

Я использую эту маленькую закомментированную строку во всех моих _partial файлах. Это говорит SASS скомпилировать партиалы и добавить их в основной файл:

// main: main.scss

Очевидно, изменить main.scss к имени файла вашего основного файла и поместите его в первую строку таблицы стилей.

Answer 2

В настройках автоматической компиляции Atom выберите / отметьте опции "Компилировать при сохранении" и "Компилировать с расширенным стилем вывода".

Определите "расширенный" путь к файлу выходного стиля -> ../css/$1.css

Когда вы сохраните / скомпилируете свой файл main.scss, он создаст папку "css" в вашем основном проекте, и у вас будет выходной файл.css.

Вы должны импортировать все свои _core-something1.scss,_core-something2.scss в ваш main.scss файл.

т.е.

@import "core-something1"; @import "core-something1";

Вам не нужно компилировать отдельные файлы, вам просто нужно скомпилировать / сохранить main.scss

Answer 3

Если вам нужно сохранить один общий набор цветов на сайте, не лучше ли разделить его на частичное и ссылаться на него в каждом из ваших файлов scss?

@import 'reset-colors';