web-dev-qa-db-ja.com

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

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.
npmsassgulp
11
confusius

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