SCSSはガルプ

Question

私は私が私のSCSSファイルをコンパイルしようとしていることにより、この問題を取得していますを使用してコンパイルしていないファイルが、私はこのエラーを取得しています：

$ gulp 
[17:02:35] Using gulpfile C:\wamp\www\testsite\gulpfile.js 
[17:02:35] Starting 'sass'... 
[17:02:35] Starting 'copy-imgs'... 
[17:02:35] Finished 'copy-imgs' after 4.14 ms 
[17:02:35] Starting 'copy-assets'... 
[17:02:35] Finished 'copy-assets' after 8.03 μs 
Error in plugin 'sass' 
Message: 
    testsite\sass\test\_blog.scss 
Error: Undefined variable: "$lt-small". 
     on line 19 of testsite/sass/test/_blog.scss 
>>   @media($lt_small) { 

問題は、私は、変数を持っているということです。これらの変数を同じ（フォルダ）レベルで定義しています。だからなぜ彼らが未定義に戻ってくるのか、少し不明ですか？ variables.scssは構造内の他の場所に座る必要がありますか？

曖昧な場合はお詫び申し上げます。

Answer 1

すでにエラーが表示されています。

Undefined variable: "$lt-small". 

$lt-smallはまた、あなたが_blog.scssファイルの前に、あなたのvariables.scssファイルをインポートする必要があり

を使用する前に定義する必要があります。

Answer 2

必ずインポートの順序が正しいことを確認してください。変数を宣言する前に変数を使用しようとすると、sassはエラーをスローします。

さらに、variables.scssは部分的なファイルでなければなりません。しかし、あなたのblog.scssはあなたの主なscssファイルは部分的なファイルではないはずです。

部分ファイルには、ファイル名の前に_が付いています。部分的なファイルはcssにコンパイルされませんが、その内容はインポート時にコンパイルされます。