1

このプラグインでこれが可能かどうかはかなり確信していますが、現在の問題は、3 つの側面を持つ大規模な SCSS プロジェクトを維持していて、保存中に 3 つの異なる CSS ファイルを実際にコンパイルしたいことです。

3 つの主要なファイルがあります。

  1. core-something_1.scss
  2. core-something_2.scss
  3. リスト項目

core-something_3.scss

そこにあるすべてのファイルには、同じリセット カラーなどが必要です。これが、すべてが 1 つの SCSS プロジェクトにある理由です。コンパイルできるようにするには、コメントを追加する必要があります。 // main: ../core-something_1.scss

これは1つのファイルのみをコンパイルしますが、これは理にかなっていますが、smthを追加する可能性があります. このような： // main: "../core-something_1.scss", "../core-something_2.scss", "../core-something_3.scss"

その結果、3 つのファイルが自動コンパイルされます。最良のケースは、これらのコメントを取り除き、scss サブファイルが呼び出される場所を自動チェックしてコンパイルすることです。以前は "Coda by Panic" に取り組んでいましたが、数週間前に Atom に切り替えました。Coda では、コメントなしですべてが正常に機能しました。多分誰かが助けることができます。ありがとう！:)

プラグインへのリンク: https://github.com/armin-pfaeffle/sass-autocompile

4

3 に答える 3

0

サイト全体で 1 つの共通の色セットを維持する必要がある場合は、それを部分的に分割して、各 scss ファイルで参照する方がよいのではないでしょうか?

@import 'reset-colors';
于 2016-12-05T03:46:24.720 に答える
0

Atom sass-autocompile 設定で、[保存時にコンパイル] オプションと ['拡張' 出力スタイルでコンパイル] オプションを選択/チェックマークを付けます

「展開された」出力スタイル ファイル パスを定義します ->../css/$1.css

main.scss ファイルを保存/コンパイルすると、メイン プロジェクトに「css」フォルダーが作成され、出力 .css ファイルが作成されます。

_core-something1.scssすべての, _core-something2.scssをファイルにインポートする必要がありmain.scssます。

すなわち

@import "core-something1"; @import "core-something1";

コンパイル/保存するだけでよい個々のファイルをコンパイルする必要はありませんmain.scss

于 2017-01-24T12:08:55.863 に答える