SCSSインポートが完全に機能していません

Question

ファイルの接続に問題があります。

ファイルstyle.scss

@import 'foundation/foundation'; 

ファイル基盤/ _foundation.scss

/** 
    Some comment 
*/ 

@import '../../../node_modules/foundation-sites/_vendor/normalize-scss/sass/normalize'; 

outputedファイルのstyle.css

/** 
    Some comment 
*/ 

ご覧のとおり、私はコメントのみを取得しており、インポートされたCSSルールはありません。ここで

は私の一気のタスクは、私はまだ一口ノードSASSを使用していないが、CLIアクセスだけでなく、手動のプロセスのために発見した、あなたはインクルードパス項目または輸入の機能を必要とする、場合でも

gulp.task('sass', function() { 
    return gulp.src('./app/scss/style.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('./public/css')); 
}); 

gulp.task('watch',() => { 
    gulp.watch('./app/scss/**/*.scss', ['sass']); 
}); 

Answer 1

ですインポート呼び出し内で明示的なパスを使用します。

あなたがインポートしたものは、それらを呼び出すインクルード呼び出しでのみ動作するため、すべてのミックスインと関数/変数ではないことも確認してください。変数を設定して使用しない場合、それはコンパイルされません。

また、悲しい変更のための再帰的なパスを見ていますが、入力をハードコードしていると、Sassタスクでstdin/pipeを受け入れるようにしてください。