Как преобразовать каталог SASS/SCSS в CSS через командную строку?

Ответ 1

Чтобы выполнить однократную компиляцию Sass вместо watch, вы можете сделать это из командной строки:

sass --update scss:css

Чтобы Sass импортировал один файл (обычно частичный, с _, начиная имя файла), вы можете сделать это внутри файла Sass:

@import "_base.scss";

Таким образом, Sass знает, куда вы хотите включить include.

По умолчанию Sass не может импортировать весь каталог. Тем не менее, Sass Globbing gem. Вы можете установить его из командной строки:

gem install sass-globbing

И затем смотрите с ним:

sass -r sass-globbing --watch sass_dir:css_dir

Обратите внимание, что globbing будет импортировать файлы в алфавитном порядке, поэтому убедитесь, что ваш CSS будет каскадом, если это произойдет.

Ответ 2

Используйте команду sass, а затем input file name and path, двоеточие (:) и желаемый output file name and path. Если выходной файл еще не существует, Sass будет его генерировать. Например,

sass sass/main.scss:css/main.css

Однако это одноразовая команда, которая требует запуска каждого раза, когда вы хотите создать новый файл CSS. Более простой и удобный метод заключается в использовании встроенного флага --watch Sass. Это отслеживает изменения вашего файла Sass и автоматически запускает команду компиляции каждый раз, когда вы сохраняете изменения.

sass --watch sass/main.scss:css/main.css

Если у вас есть несколько файлов Sass в каталоге, вы можете следить за изменениями в любом файле в этом каталоге:

sass --watch sass:css

Sass также имеет четыре стили вывода CSS: nested, expanded, compact и compressed. Они могут использоваться таким образом:

sass --watch sass:css --style compressed

Подробнее см. документацию Sass.

Ответ 3

просто перейдите в каталог проекта и выполните следующее:

sass --update sass-dir:assets/css

с sass-dir каталог, содержащий ваши фактические sass файлы, и assets/css желаемый выходной каталог.

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

Ответ 4

Вы можете использовать compass для преобразования файлов Sass в CSS.

Чтобы инициализировать config.rb, попробуйте:

compass init --syntax=sass --css-dir=css --javascripts-dir=js

Как только у вас появится файл конфигурации, попробуйте:

compass compile

или явно указывая файл: compass compile sass/foo.scss.

Чтобы установить его, попробуйте:

sudo gem update
sudo gem install sass compass