2017-06-18 28 views
-1

私は現在Sassに新しいですし、私の友人は彼が作ったマテリアルデザイン 'テンプレート'を含むプロジェクトを私にくれました。いくつかのSCSSファイルをCSSにコンパイルします。(私はSassの初心者です)

残念ながら、すべてのスタイルシートを含む.cssファイルはありません。 いくつかの.scssファイルがありますが、それらをすべて.cssファイルにコンパイルする方法はわかりません。 私はgulpを使うことができるとわかりましたが、gulpfile.js内のすべてのファイルをコンパイルするように追加すると動作しません。

誰かがSkypeや私の画面を共有でき、誰かが私のためにこれを解決できるかどうか私を助けることができるかどうか疑問に思っています。

Here you can see多くのscssファイルがあり、コンポーネントとミックスインを持つ2つのフォルダがあります。 一部のscssファイルには '@import'行も含まれていますが、gulpfileにそれらのファイルを追加する必要があるかどうかはわかりません。私はので、私の評判の第三のスクリーンショットを投稿することができませんでしたが、ミックスインフォルダには、以下のファイルが含まれてい Screenshot

- _alerts.scss 
- _buttons.scss 
- _md-shadow.scss 
- _placeholder.scss 

私は、誰かが私を助けることができることを願っています。ここ

は、コンポーネントのフォルダのスクリーンショットですこれとともに!

PS:Laravelプロジェクトです!

ありがとうございました!

敬具、 smke

+0

_「誰かがSkypeなどで私を助けることができるかどうかは疑問です」_ _SOはQ&Aサイトです。つまり、ここで質問して答えを得ることになります。それはあなたの質問と人々の答えが将来の他の訪問者を助けることができる方法です。 Skypeであなたを助けるように人に質問するのは、あなただけの人以外の人にとっては役に立たないので、話題にはなりません。これは開発者にあなたのためにあなたの仕事を依頼する場所でもありません。 –

+0

私が提案している拳のことは、[sassのウェブサイト](http://sass-lang.com/)を見て、スピードアップにつながるかどうかを確認することです。 – Dale

+0

私はごめんなさい@MagnusEriksson、私たちの両方にとってより簡単になるでしょう。私の悪い、私はちょうどここでいくつかの助けをしたいと思います:)あなたの助言をありがとう! – smke

答えて

0

アンダースコアを持つ他のSCSSファイルをインポートするために(_)あなたはSASSで簡単にスカウトアプリを使用することができますし、undescoreなしSCSSファイルを作成する必要があります。 Scout-Appでは、scssファイルを含むディレクトリを含む入力フォルダを選択して、CSSファイルの書き出しを行う出力フォルダを選択する必要があります。

0

幸いにも、SCSSからCSSへのコンバータはオンラインです。ちょうどhttp://www.cssportal.com/scss-to-css/に行き、コードをコピーし、コンパイルを押してコピーしてください。コピー&ペーストするためのボタンの下にCSSコードが表示されます。

+0

すべてのファイルでこれを行うことはできますか?それは1つのファイルではないためです。 – smke

+0

はい。一番良いことは、すべてのファイルからすべてのコードをコピー&ペーストして、それを1つにコンパイルすることです。 –

関連する問題