使用 Gulp-SASS 从 node_modules 导入 CSS [英] Import CSS from node_modules using Gulp-SASS

问题描述

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

I want to import a CSS-file from my node_modules using SASS.

@import 'normalize.css/normalize';

这就是我的 gulpfile.js 处理我的 SASS 的方式:

This is how my gulpfile.js handles my 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.相反，这会引发错误.

SASS compiler will not import the css from node_modules. Instead, this will throw an error.

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

推荐答案

SASS 编译器不知道在哪里查找文件.需要指定位置.

SASS compiler doesn't know where to look for the files. The location needs to be specified.

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

这篇关于使用 Gulp-SASS 从 node_modules 导入 CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！