npm - 使用 Gulp-SASS 从 node_modules 导入 CSS

Question

我想从我的 node_modules 导入一个 CSS 文件使用SASS。

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