0

Здравствуйте. Компилирую scss в css в готовом проекте, созданном не мною.

Структура, в которой мне необходимо работать: исходные файлы _header.scss, _footer.scss, ... Они находятся по адресу default/scss/layout Файл результата один для всех исходных -- styles.css Находится по адресу default/css Как правильно прописать в Php Storm путь для результата? Как я понимаю, это поля "Arguments" и "Output path to refresh" введите сюда описание изображения

Подскажите объяснения поподробнее. Впервые работаю с php storm и значения типа $FileParentDir$/css/$FileNameWithoutExtension$.css совсем не понятны. Могут ли отличаться имена исходного файла и файла-результата. Спасибо

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

3
  • в слове "компиляция" только одна "л"
    – etki
    6 мая 2015 в 17:25
  • Etki, уже исправил, спасибо
    – Yuriy L.
    6 мая 2015 в 17:48
  • romeo, наш разговор перенесен модератором в чат, меня туда не пускают, ответить могу здесь. Разобрался. Одна из причин -- ruby не той версии. Аргументы тоже подправил. Сейчас все работает. Править собираюсь пока что только frontend magento, а там нужен именно compass, насколько я усел понять, разобраться бы с этим побыстрее, чтобы получить результат(буду рад любой информации для начинающего). Спасибо Вам за помощь.
    – Yuriy L.
    9 мая 2015 в 6:56

1 ответ 1

1

В поле "Working directory" укажите путь $FileDir$ (путь к директории, где лежит Ваш scss-файл). В поле "Arguments" достаточно указать --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css. Чтобы понять на что указывают данные плейсхолдеры (к примеру, $FileDir$) - нажмите "Insert macros" рядом с полем: введите сюда описание изображения

Мои настройки (PHPStorm 8.0.3) для Вашего сценария: введите сюда описание изображения

Окно выбора тулзы (File Watchers): введите сюда описание изображения


Update

1 способ: Инлайновый конфиг для compass (все параметры в консоли): введите сюда описание изображения

2 способ: Конфиг в отдельном файле. Кладём в директорию проекта файл config.rb:

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "public/assets/css"
sass_dir = "public/assets/sass"
images_dir = "public/assets/images"
javascripts_dir = "public/assets/js"
#sourcemap = true

# 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 = :expanded

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

Прошу заметить, что пути (public/assets/...) в конфиге относительны данного конфигурационного файла.

Далее, в PHPStorm прописываем следующее: введите сюда описание изображения

30
  • я немного ошибся с формулировкой вопроса. исправил. спасибо заранее
    – Yuriy L.
    6 мая 2015 в 17:45
  • @ЮрийЛихуша Обычно реализуется едина точка входа. К примеру, в директории default/scss/layout лежат ваши _header.scss, _footer.scss и т.д. В default/scss/ размещается та самая точка main.scss с содержимым: @import "layout/header"; @import "layout/footer";
    – romeo
    6 мая 2015 в 17:58
  • romeo, у меня такая точка -- styles.scss (''import "framework"; import "core"), в свою очередь в core имею import "layout/global"; import "layout/header"; import "layout/header-nav"; import "layout/header-search"; @import "layout/header-account"; import "layout/header-cart"; import "layout/footer";, т.е., все то, что нужно. Но как мне связать все это в php storm? Ведь править-то нужно, как я понимаю, header, footer и т.д., а результат должен идти в styles.css Может быть у Вас есть туториал на примете для начинающего, чтобы один раз прописать все для понимания. Спасибо, что откликнулись
    – Yuriy L.
    6 мая 2015 в 18:12
  • @ЮрийЛихуша, я Вам представил рабочий конфиг (см. скрин). Изменяя файлы scss/layout/_header.scss, scss/layout/_footer.scss,... (примечание: использование underscore-символа "_" в названии сигнализирует, что данный файл не подлежит компиляции, как отдельно взятый), компилируется единственный scss/styles.scss и, как следствие, изменяется css/styles.css. Проверено. Версия Sass 3.4. К сожалению, не помню есть ли различия в CLI синтаксисе/командах между предыдущими версиями. Это я про scss --update input.scss:output.css. Посмотреть: scss -h (Linux).
    – romeo
    6 мая 2015 в 19:08
  • @ЮрийЛихуша Небольшое замечание. Иногда PHPStrom под Linux не отображает изменения в styles.css, хотя те имели место быть. Необходимо свернуть PHPStorm в трей и развернуть. В PHPStorm 7 аналогичная была проблема.
    – romeo
    6 мая 2015 в 19:09

Ваш ответ

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

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