使用Gulp-SASS從node_modules導入CSS

Question

我想使用SASS從我的node_modules導入CSS文件。

@import 'normalize.css/normalize'; 

這是我gulpfile.js如何處理我的SASS：

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。相反，這會引發錯誤。

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')); 
});