2016-11-04 24 views
0

これはナイーブだと私に許してもらえますが、私はちょうどCSSの使用に慣れています。 Sassはかなりクールだと私はそれを学ぶためにダウンですが、何らかの理由で、私がダウンロードしているJavascriptまたはjQueryプラグインの多くはCSSとSCSSファイルがスタイルシートに関連付けられています。私はページ上の結果を得るために2つのファイルを編集する必要はありません、なぜいくつかの重要な領域を除いてコピーのように見えるときに両方が存在するでしょうか? SCSSごとに余分なCSSファイルがあるようですが、下の画像を参照してください。これは、一部のブラウザでSCSSをコンパイルできないためですか?プラグインディレクトリにSCSSファイルとCSSファイルの両方がありますか?

CSS and SCSS in same directory

答えて

1

ませブラウザは、(少なくとも主要な)直接SASS(以下)を使用することができません。 scssファイルを使用するには、まずCSSファイルをコンパイルする必要があります。

gruntgulpなどのビルドツールでCSSをコンパイルできます。 scssファイルのアップデートを見るように設定し、何か変更があった場合はcssを再コンパイルすることもできます。

あなたは、ビルド後のファイルの種類を、次のことができた:

style.scss <- this is source file  
style.css <- this is css file created from SASS file 
style.min.css <- this is css file minified 
style.css.map <- this is source map of scss file 

HereをCSSファイルが縮小され、なぜあなたが読むことができます。 Hereあなたは何のためのソースマップであるかを読むことができます。

+0

SCSSファイルをCSSにコンパイルするので、だから、CSSファイルがあるのですか? – SpacemanSanchez

+0

はい。私は私の答えを更新しました。 –

0

は、一部のブラウザでは、SCSSをコンパイルすることはできませんので、ということですか?

はい。 .scss.cssに変換するコマンドラインユーティリティがあります。おそらく.mapファイルは、それを理解しているブラウザインスペクタのための逆変換支援ツールである可能性があります。

私は(.scssから来た.min.js、または.cssあなたのケースのように)ファイルを生成しているときはいつでも、私は適切なコマンドライン変換ツールは、私のビルドスクリプトの一部として自動的に実行されることを確認してください。

私はあなたが使用しているビルドシステムのどのようなわからないんだけど、実行する必要があります変換のためのいくつかのコマンドラインツールがあります。

あなたは、手動で両方のフォーマットを更新することが期待されていません。 CSSコマンドラインコンバータにSCSSは、任意のブラウザは(まだ1がありますか?)の前に長い存在していたSCSSをサポートするために始めました。

関連する問題