bulma.cssでsassからCSSを生成するには

Question

他のライブラリの場合はinput.sassをoutput.cssに変換するために端末でコマンドを実行していますが、これは初めてのscssの作業ですが、それは私には新しいものですから。

私はstyle.cssを要求すべきであるindex.htmlでプロファイルを持っているが、私はこのstyle.cssこの形式で現在bulmaディレクトリから生成する必要があります。

index.html 
vendors 
    bulma 
     css 
      bulma.css 
      bulma.css.map 
     sass 
      base 
       _all.sass 
       generic.sass 
       helpers.sass 
       minireset.sass 
      components 
      elements 
      grid 
      layout 
      utitlities 
      bulma.sass 

ここでの問題は、CSSにSCSSファイルを変換sass input.scss output.css例とは異なり、上記が複雑と思われる、ということです。

私は変換するファイルがわからない、または私はSASSファイルを変更し、それらを修正する必要がある場合は、私は、個々のCSSファイルまたは1つのマスタースタイルで出力を保存しない...

これはすべて混乱さ誰かがそれを知っていることを願って

Answer 1

ベースなどのすべてのSassディレクトリには、すべて_all.sassというファイルがあります。そのディレクトリにあるすべてのファイルが含まれています。したがって、必要なのは、sassフォルダ内のすべてのフォルダにある_all.sassファイルを含めることだけです。

あなたのお尻のファイルでは、あなたは豪華な宝石で見ることになりますが、_all.sassのすべてのものを対象とします。 このようなものが動作します。

@import "utilities/_all" 
@import "base/_all" 
@import "elements/_all" 
@import "components/_all" 
@import "grid/_all" 
@import "ayout/_all" 

また、私は100％確実ではないが、私は私のアドバイスは、このような何かすることですので、SCSSとSASSを混合する悪いアイデアだと思う：あなたのサスフォルダで

をあなたのプロジェクトでは、Sassファイルを作成し、styles.sassという名前を付けます。そのファイルでは、すべての_all.sassファイルに書き込みを書き込みます。

そしてちょうどターミナルでこれを行うに行く：sass --watch sass:css