JekyllはマスターSassファイルをインポートせずに拡張する方法を提供していますか？

1つのJekyllプロジェクトで複数のサイトで作業しているときに、グローバルスタイルのマスターbase.scssを参照しています。私のプロジェクトディレクトリは次のようになります。style.scssファイルのそれぞれが順番に@extendにベーススタイルを私を可能にbase.scssファイルを、インポートする@importを使用しているためJekyllはマスターSassファイルをインポートせずに拡張する方法を提供していますか？

は

これはうまく動作します。これはもちろん、それをインポートする各ファイルにbase.scssの内容を複製します。

base.scssを_site/css/base.cssとコンパイルする方法があるのでしょうか。私はサイト固有のSassを編集するときにそのクラスへのアクセスを維持しながら、共有ヘッダから参照します。

ジキルはがビルドにその内容を複製せずにサスファイルを拡張とを参照するための方法を提供していますか？

出典

2017-04-26 Corey

をとにかく各サイトにインポートされることになる共通のスタイルであるため、非常に小さくなります。 – Corey

私が正しくあなたの質問を理解していれば、以下の構成が同じように正常に動作する必要があります：私は私の基本スタイルシートが、報酬全体のサスプレースホルダを使用して考えた

project 
| 
+--_sass 
| | 
| +--base.scss 
| 
+--_css 
| | 
| +--main.scss 
| 
+--apples 
| | 
| +--css 
| | | 
| | +--style.css

/* css/main.scss */ 
--- 
--- 
@import "base";

/* apples/css/style.css */ 
/* No need of front matter dashes here if its not a sass file */ 

.my_class { color: blue; }

<!-- _site/index.html --> 
<head> 
    [...] 
    <link rel="stylesheet" href="/css/main.css" /> 
    <link rel="stylesheet" href="/apples/css/style.css" /> 
</head>

出典

2017-04-27 10:36:02 ashmaroli

返信いただきありがとうございます。私の質問は暗闇の中でのショットでしたが、あなたの答えは解決策ではありません。あなたの例を見て、私は '.my_class {@extend .color-blue;}を可能にする方法を探していました。 'apples/css/style.css'の' base.scss'をベースファイルを参照したいディレクトリに含めずに '}'つまり、共有している 'main.css'ファイルにコンパイルしますが、拡張するクラスへのアクセスは保持しています。これはSassの特徴ではありません.Jekyllは提供しているもののいくつかを私に驚かせました。 – Corey

JekyllはマスターSassファイルをインポートせずに拡張する方法を提供していますか？

答えて

関連する問題