Gulp-SASSを使用してnode_modulesからCSSをインポート

Question

SASSを使用してnode_modulesからCSSファイルをインポートします。

const 
    gulp = require('gulp'), 
    sass = require('gulp-sass'); 

gulp.task('sass', function() { 
    return gulp.src(['source/assets/css/**.scss', '!source/assets/css/**/_*.[scss|sass']) 
    .pipe(sass()) 
    .pipe(gulp.dest('output/assets/css')); 
}); 

SASSコンパイラはnode_modulesからCSSをインポートしません。

@import 'normalize.css/normalize'; 

これは私が私のgulpfile.js SASSを処理する方法です。代わりに、これはエラーをスローします。

Error: File to import not found or unreadable: normalize.css/normalize. 

Answer 1

SASSコンパイラは、ファイルの検索場所を認識していません。場所を指定する必要があります。

gulp.task('sass', function() { 
    return gulp.src(['source/assets/css/**.scss', '!source/assets/css/**/_*.[scss|sass']) 
    .pipe(sass({ 
     includePaths: ['node_modules'] 
    })) 
    .pipe(gulp.dest('output/assets/css')); 
});