преобразовать один файл scss в css с помощью compass-watch

Я устал конвертировать модули scss в css один за другим вручную. Я просто хочу преобразовать свой отдельный файл scss из многих модулей. Я использую compass watch в командной строке для компиляции css через службу ruby on rail для compass. здесь вы можете увидеть, как я управляю преобразованием scss в css с помощью ror cli.cli compass watch


person Muzamil301    schedule 25.05.2017    source источник


Ответы (1)


Вы можете создать scss or sass файл, в который вы будете импортировать все фрагменты.

Пример: создайте файл sass в каталоге sass, назовите его как хотите, например app.sass.

Внутри app.sass импортируйте все ваши частичные файлы вот так @import 'partials/button-actions'

Создайте config.rb в каталоге, где вы запускаете наблюдатель. Я предпочитаю использовать корневой каталог проекта.
Внутри config.rb вставьте:

require 'compass/import-once/activate'
# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
# Change paths to yours. css_dir is css output directory, sass_dir is your sass file directory
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "i"
javascripts_dir = "js"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :compressed

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

И начать смотреть. Yoy в результате получит app.css файл, который содержит весь код из импортированных файлов. Импортируйте его в свой HTML.

person vladja    schedule 25.05.2017
comment
уже использую этот метод. я говорю, что я не хочу конвертировать весь проект, я просто хочу конвертировать любой отдельный файл из проекта - person Muzamil301; 25.05.2017
comment
@ Muzamil301 переименуйте свой частичный файл с _button-action.scss на button-action.scss - person vladja; 25.05.2017
comment
спасибо, братан, это работает, но игнорирует все переменные :-) - person Muzamil301; 25.05.2017
comment
Переменные @ Muzamil301 нужны только в процессе разработки, поэтому вы можете импортировать их в любой нужный вам файл. Но файл переменных должен быть как _vars.scss, потому что он не должен компилироваться в css. (CSS3 не поддерживает переменные) - person vladja; 25.05.2017