Проект проекта Foundation 5 с SASS

Question

Я довольно новичок во всем мире компаса и SASS, поэтому мне может быть что-то принципиальное. Я сталкиваюсь с проблемой структурирования с Foundation 5.

Как получить все это, чтобы работать аккуратно в рамках существующего проекта (git)? Когда я запустил foundation new myproject, он клонирует основы в «myproject»: bower_components/folder для зависимостей, config.rb в корне, папку «scss», где я могу изменить файлы SASS с помощью compass watch, работающего в фоновом режиме генерировать мои файлы CSS и пример файла index.html. Сам по себе, я думаю, я понимаю, как все это работает.

Я существующий проект, в котором я намерен использовать Фонд 5. Мой первый инстинкт должен был попытаться «инициализировать» Фонд в корне моего проекта: foundation new . Поскольку он использует мерзавец, конечно, пожаловалась реж WASN 'Пусто. Достаточно справедливо, поэтому я сделал его подпапкой в ​​моем public_html: foundation new foundation. Я поместил config.rb в корень моего проекта и обновил пути, поэтому я могу просто запустить compass watch из моего корня. Все это работало довольно аккуратно, я играл с файлами scss и наблюдал, как мой css-файл обновляется соответствующим образом. Затем я совершил результат и вытащил его из другого места. «фундамент», являющийся репо внутри репо, не совершался вместе со всем остальным. Большинство вещей внутри не имеет значения - foundation new whatever загружает все это снова, и .gitignoring/bower_components разумно. Но пользовательский код внутри каталога scss мне действительно нужен. Я попытался настроить свой проект по-другому, имея «scss» dir вне каталога bower и установив его как sass_dir в config.rb. что установка имеет смысл для меня, но я не могу заставить его работать: бег compass watch терпит неудачу:

 File to import not found or unreadable: foundation. 

Мой config.rb прямо сейчас:

http_path = "/" 
    css_dir = "public_html/assets/css" 
    sass_dir = "foundation/scss" 
    images_dir = "public_html/assets/img" 
    javascripts_dir = "public_html/assets/js" 

Как сказать это явно где фундамент? Я пробовал играть с «add_import_path» в config.rb, но это мало что делало.

У меня такое чувство, что мне не хватает чего-то фундаментального здесь, или, может быть, я его переусердствую. Google не очень помогает, так как Foundation 5 довольно много свежих из духовки. Может ли кто-нибудь дать мне толчок в правильном направлении?

Спасибо!

Answer 1

У меня была аналогичная проблема, я закончил downloading foundation-compass-template вместо использования командной строки фундамента

Разархивирование это в корне моего проекта, а затем

bower install 

Вот config.rb, который пришел вместе с это:

# Require any additional compass plugins here. 
add_import_path "bower_components/foundation/scss" 

# Set this to the root of your project when deployed: 
http_path = "/" 
css_dir = "stylesheets" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "javascripts" 

Я знаю, что это не прямой ответ, но мы надеемся, что проект дает вам некоторое направление

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

Answer 2

Принятый ответ оказался частью решения. Это сработало, и я снова посмотрел на config.rb. Я понял правильный способ сказать Compass, где искать Foundation. D'о.

Моя структура теперь выглядит следующим образом:

config.rb 
public_html/ 
--assets/ 
----scss/ 
----css/ 
----foundation/ 
------bower_components/ 
--------foundation/ 
----------scss/ # this is the dir that needed to be imported from config.rb 

Config.rb:

add_import_path "public_html/assets/foundation/bower_components/foundation/scss" # *magic* 
http_path = "/" 
css_dir = "public_html/assets/css" 
sass_dir = "public_html/assets/scss" 
images_dir = "public_html/assets/img" 
javascripts_dir = "public_html/assets/foundation/js" 

Как вы можете видеть, это способ, которым вещи точно так же как то, что я надеялся получить: вещи Фонда внутри от public_html/assets/foundation - не нужно касаться этого каталога ничем, кроме запуска bower update время от времени, - и мой пользовательский scss находится в public_html/assets/scss.

Спасибо, что предоставили мне столь необходимый толчок!