تكوين البوصلة داخل مشروع CakePhP

Question

لقد كنت أنظر إلى البوصلة وكلما نظرت أكثر ، كلما كان الأمر كما لو أنه ينبغي كتابة CSS. كحالة اختبار ، أود استخدامه في أحد مشاريع CakePhP الخاصة بي. لسوء الحظ ، أواجه بعض المتاعب في التكوين الأولي. على وجه التحديد ، مع الحصول على الموارد في المكان المناسب والرجوع بشكل صحيح في CSS المترجمة.

أنا أقوم بإنشاء :stand_alone مشروع في بلدي /app الدليل. حسنًا ، هذا ما أنا يريد لكى يفعل. لا يبدو أن البوصلة تحب ذلك. عند إنشاء المشروع ، أخبرته أين تضع CSS والصور و JS وتلك الموارد ، في الواقع ، تصل إلى الدليل المناسب. لسوء الحظ ، لأنني لا أقوم بإنشاء الدليل في Webroot ، يتم الرجوع إلى الموارد بشكل غير صحيح عند تجميعها.

أقوم بإنشاء مشروع Compass في 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 طريق. هل هذا ممكن؟ هل أجبرت على إنشاء مشروع Compass الخاص بي مباشرة في ويب ويب؟

شكرًا.

تحديث

محتوى بلدي 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

Answer 1

تشغيل Compass 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

يوفر النتائج المتوقعة.

Compass V0.10 على وشك الإصدار ، يمكنك تثبيته مع:

(sudo) gem install compass --pre

لإنشاء مشروع باستخدام هذا التكوين:

1. إنشاء دليل مشروع
2. حفظ التكوين في config.rb في دليل المشروع.
3. من داخل دليل المشروع الخاص بك ، قم بتشغيل الأمر: compass install blueprint

Answer 2

تحتوي القضبان والأطر الأخرى على ملفات SASS والتكوين في جذر المشروع ، خارج Webroot العام. يجب أن يعمل المشروع المستقل بشكل جيد بهذه الطريقة أيضًا.

هل تستخدم image_url() عندما تشير إلى صورة؟

في الخاص بك compass.config ملف يمكنك تعيين ملف http_images_path إذا كان مختلفًا عن مسار الدليل الخاص بك. انظر صفحة التكوين في الويكي لمزيد من التفاصيل.