1

私はコンパスを調べてきましたが、見れば見るほど、CSSの書き方のように感じます。テストケースとして、CakePHPプロジェクトの1つで使用したいと思います。残念ながら、初期構成に問題があります。具体的には、適切な場所にリソースを取得し、コンパイルされたCSSで適切に参照することです。

ディレクトリに:stand_aloneプロジェクトを作成しています。/appそうですね、それが私がやりたいことです。コンパスはそれが好きではないようです。プロジェクトを作成する際に、css、images、jsを配置する場所を指定しました。実際、これらのリソースは適切なディレクトリに配置されます。残念ながら、私はWebルートにディレクトリを作成していないため、コンパイル時にリソースが正しく参照されていません。

app/次のコマンドを使用して、CakePHPディレクトリにCompassプロジェクトを作成しています。

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

showgrid.pngただし、コンパイルされたCSSは、Blueprintのイメージを次のように参照したいと考えています。

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

これはかなり予測可能な結果だと思いますが、コンパイルされたCSSに正しい/img/grid.png?whateverパスを参照させる方法がわかりません。それも可能ですか？CompassプロジェクトをWebルートで直接作成する必要がありますか？

ありがとう。

アップデート

私の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
4

2 に答える 2

1

Railsやその他のフレームワークでは、パブリックWebルートの外部のプロジェクトルートにsassファイルと構成があります。スタンドアロンプ​​ロジェクトもこの方法で正常に機能するはずです。

画像を参照するときに使用image_url()していますか？

compass.configファイルhttp_images_pathで、ディレクトリパスと異なる場合に設定できます。詳細については、wikiの構成ページを参照してください。

于 2010-02-02T00:30:16.953 に答える
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
于 2010-02-02T04:16:43.673 に答える