Настройте компас в проекте CakePhP

StackOverflow https://stackoverflow.com/questions/2173367

  •  24-09-2019
  •  | 
  •  

Вопрос

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

Я создаю А. :stand_alone Проект в моем /app каталог. Ну, это то, что я хочу сделать. Компас, кажется, не понравится. В создании проекта я сказал ему, где поставить CSS, изображения и JS и эти ресурсы, на самом деле, делают его в соответствующем каталоге. К сожалению, потому что я не создаю каталог в Webroot, ресурсы неправильно упоминаются при компиляции.

Я создаю проект компаса в моей CakePhp app/ Справочник с этой командой:

$ compass -f blueprint --sass-dir sass --css-dir webroot/css/ --images-dir webroot/img/ --javascripts-dir webroot/js/ --output-style compact .

Компилированные CSS, хотя, хочет, чтобы ссылаться на проект showgrid.png Изображение как:

url('/webroot/img/grid.png?1264969358')

Я полагаю, что это довольно предсказуемый результат, но я не могу понять, как получить скомпилированные CSS для справки правильный /img/grid.png?whatever дорожка. Это даже возможно? Я вынужден создать свой компасский проект непосредственно в моей Webroot?

Спасибо.

ОБНОВИТЬ

Содержание моего config.rb файл:

# Require any additional compass plugins here.
project_type = :stand_alone
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "webroot/css"
sass_dir = "sass"
images_dir = "webroot/img"
http_images_path = "/img"
javascripts_dir = "webroot/js"
output_style = :compact
Это было полезно?

Решение

Бег компаса V0.10 и используя следующую конфигурацию:

# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
sass_dir = "sass"
css_dir = "webroot/css"
images_dir = "webroot/images"
javascripts_dir = "webroot/js"
http_stylesheets_dir = "css"
http_javascripts_dir = 'js'
http_images_dir = 'images'
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

Предоставляет ожидаемые результаты.

Компас V0.10, как правило, речь, вы можете установить его с помощью:

(sudo) gem install compass --pre

Чтобы создать проект, используя этот конфигурацию:

  1. Создать каталог проекта
  2. Сохраните конфигурацию в config.rb в каталоге проекта.
  3. Изнутри вашего каталога проекта запустите команду: compass install blueprint

Другие советы

Rails и другие рамки имеют файлы и конфигурацию SASS и конфигурацию в корне проекта, вне публики Webroot. Автономный проект должен работать нормально.

Ты используешь image_url() Ибо когда вы ссылаетесь на изображение?

В твоем compass.config файл вы можете установить http_images_path Если он отличается от вашего каталога. Увидеть Страница конфигурации в Wiki для более подробной информации.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top