1

まず最初に、私は SCSS を初めて使用し、Compass でコンパイルしていますが、実際には既に気に入っています。

最初に ZURB Foundation (CSS フレームワーク) をダウンロードしてスタイリングを編集しようとしたときにすべてが始まったので、追加の SCSS ファイルもダウンロードする必要がありました。その後、SCSS コンパイラー (私の場合は KOALA) をダウンロードする必要がありました。これにより、SCSS から CSS へのコンパイルがうまく機能しました。私はあらゆることを試し始めましたが、SCSS ファイルを CSS ファイルにコンパイルしたいときに毎回コンパイル ボタンを押さなければならないことにすぐにうんざりしました。それで解決策を探したところ、コンパス！Compass とそのすべての依存関係をインストールしましたが、問題なく動作します。
そのため、Compass (コマンド: compass watch) を実行すると、すべての SCSS ファイル (メインおよび部分 SCSS ファイル) が 1 つの CSS ファイルに適切にコンパイルされ、メイン SCSS および部分 (「第 1 レベル」) SCSS ファイルを編集するときにも更新されます。ただし、部分 (「第 2 レベル」) 内で SCSS 部分を編集および保存する場合、Compass は SCSS を CSS にコンパイルしません!
これは私のフォルダー構造/ scss & css構造がどのように見えるかです:

PROJECT
  |
  |---Content
  |      |---css
  |           |---style.css
  |
  |---sass
       |---style.scss (main scss)
       |---_foundation.scss ("first level" partial)
       |---foundation
               |---_functions.scss
               |---components
                       |---_accordion.scss ("second level" partial)
                       |---_alert-boxes.scss ("second level" partial)
                       |---etc... ("second level" partial)

(フォルダ構造が含まれている必要があります)

「style.scss」では、次のコードを使用して「第 1 レベルのパーシャル」をインポートします。

@charset "UTF-8";
@import "foundation";

「_foundation.scss」では、次のコードを使用していくつかの追加のパーシャルをインポートします。

@charset "UTF-8";
@import
  "foundation/components/grid",
  "foundation/components/accordion",
  "foundation/components/alert-boxes",
  "foundation/components/block-grid";

最後になりましたが、「config.rb」ファイルの構成は次のようになります。

# Require any additional compass plugins here.
add_import_path "sass/foundation/components"

# Set this to the root of your project when deployed:
http_path = "Views"
css_dir = "Content/css"
sass_dir = "sass"
images_dir = "Content/img"


私はこの問題を長い間解決しようとしてきたので、誰かがこれについて私を助けてくれることを本当に願っています、ありがとう!

4

0 に答える 0