2017-07-25 20 views
2

私はこのテンプレートを持っています - web template - editorial私は既存のMeteorアプリケーションに追加しましたが、scss filesをロードせず、クライアントディレクトリにあるCSSファイルのみをロードします。私はscss filesをパブリックフォルダに入れましたが。これを追加するにはどうすればよいでしょうか?私はそれを働かせることができなかったので、私はscssをCSSにコンパイルすることに決めました。cssにSass(s​​css)をコンパイル

sass_folder 
    scss_subfolder 
     ----base_scss_subfoler 
      _partial1.scss 
      _partial2.scss 
     ----components_scss_subfoler 
      _buttons.scss 
      _textbox.scss 
     ----layouts_scss_subfoler 
      _pages.scss 
      _footer.scss 
     ----libs_scss_subfoler 
      _functions 
      _vars 
      _skels 
      _mixins 
    main.scss 
    ie8.scss 
    ie9.scss 
    css_output_folder 

私はCMD上のように実行してファイルをコンパイルしようとしている:sass --update scss:cssそれだけのcssフォルダにmain.scss, ie8.scss, ie9.scssをコンパイルし、他はコンパイルされません。一度にすべてをコンパイルし、同じサブディレクトリフォルダをcssフォルダに保持するにはどうすればよいですか。なぜ、どのようにすればいいですか?もしあなたの貢献をあらかじめ感謝してください。

+2

アンダースコアで始まるファイルは「インクルード」されており、コンパイルされません。これらのファイルをmain.scssなどに含める必要があります。 – Khan

+0

ありがとうございます。これについて詳しく説明できますか?どうすればそれらを含めることができますか? – kehinde

+0

私は自分の答えに役立つ文書へのリンクを共有しました。 – Khan

答えて

1

名前がアンダースコアで始まるファイルは部分ファイルとみなされ、cssファイルにはコンパイルされません。だからあなたはあなたの出力CSSでそれらを見ていない理由です。

this document ...の「Partials」という見出しのセクションに移動し、次の2つのセクションを読んでください。

他のSassファイルに含めることができるCSSのスニペットを含む部分的なSassファイルを作成することができます。これは、CSSをモジュール化し、物事をより簡単に維持するのに役立つ素晴らしい方法です。部分的には、先頭にアンダースコアを付けたSassファイルです。あなたは_partial.scssのような名前をつけるかもしれません。アンダースコアは、ファイルが部分的なファイルであり、CSSファイルに生成されるべきではないことをSassに知らせます。 Sass部分は@importディレクティブとともに使用されます。

1

他のファイル名が_文字で始まる場合、これらのファイルは部分的な意味を持ち、コンパイルされず、その内容はインポートでのみ使用できます。

パーシャルについての公式docを読んでください。

+0

この回答は上記の答えに何が追加されますか? – Khan

関連する問題