2017-03-11 35 views
13

私はscssファイルをマージしてマイナー化するタスクランナーとしてgulpを使用しています。私は定期的にCSSファイルをインポートしようとするとこのような場合には、以下のようにCSS importステートメントにコンパイルされます:Sassの.scssファイルとして.cssファイルを@importする方法は?

/* style.scss */ 
@import "../../bower_components/animate.css/animate.css"; 

/* style.css */ 
@import url(../../bower_components/animate.css/animate.css); 

の中にいるのコンパイルバージョンを持って、その通常のCSSファイルをインポートする、どのようにcss @importステートメントの代わりにstyle.cssステートメント?

答えて

31

は、単純に次の操作を行います。

/* style.scss */ 
@import "../../bower_components/animate.css/animate"; 

は、単にファイルの拡張子を書いていない、インポート拡張子のないファイル、コンパイラが代わりに@importルールを置くのstyle.cssでファイルの内容を配置します。

+0

魅力的な作品です。 –

関連する問題