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