1

sassCLIを使用するときにCompassを構成するにはどうすればよいですか？

基本的に私はimages_dirプロパティを設定することでした、これが私が使用しているコマンドです：

sass 
    --compass
    path/to/input.scss
    path/to/output.css

私は試した：

sass 
    --compass
    -c path/to/config.rb
    path/to/input.scss
    path/to/output.css

出力：

WARNING on line 1 of path/to/config.rb:
This selector doesn't have any properties and will not be rendered.
Syntax error: Invalid CSS after "image_dir ": expected selector, was "= "test""
    on line 1 of path/to/config.rb

したがって、コマンド-cを使用する場合、明らかに同じようには機能しません。compass compile

と

sass 
    --compass
    --images-dir path/to/images
    path/to/input.scss
    path/to/output.css

出力：

OptionParser::InvalidOption: invalid option: --images-dir

上記と同様。

使用しようとしましたcompass compileが、プロジェクトディレクトリがありません。

compass compile 
    --images-dir path/to/images
    path/to
    path/to/input.scss

出力：

You must compile individual stylesheets from the project directory.

またこれを試しました：

compass compile 
    path/to

出力：

Nothing to compile. If you're trying to start a new project, you have left off the directory argument.

config.rbに含まれているもの：

images_dir = "test"
4

1 に答える 1

2

compass compileconfig.rb構成用のファイルを読み取ります。

config.rbこれは、ファイルから始めて、私が使用するプロジェクト設定の例です。

require "susy"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "public/css"
sass_dir = "private/scss"
images_dir = "public/images"
http_images_path = "/images"

output_style = :expanded # or :nested or :compact or :compressed

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = true

私のプロジェクトは次のように設定されています。

private/scss    # scss files. I use a main file that handles imports itself
public/images   # images
public/css      # built css here
config.rb       # contents included above

それをビルドするには、プロジェクトのルートフォルダーで次のコマンドを実行します。

bundle exec compass compile private/scss/layout.scss
于 2013-02-13T01:54:40.910 に答える