gulp-sass不导入scss文件

时间:2018-12-17 21:39:09

标签: css sass gulp gulp-sass node-sass

我使用的是节点版本11(尽管我已经尝试了10和9),但我使用的是gulp版本3.9.1和gulp-cli版本2.0.1,gulp-sass版本4.0.2和node- sass版本4.11.2。这是我非常简单的scss文件:

{current: div.overflow-auto}

这是我正在测试的死掉的简单gulpfile:

@import "normalize-scss/sass/normalize";

h1 {
  color: red;
}

当我用错误的导入路径启动服务器时,例如说var gulp = require('gulp'), sass = require('gulp-sass'), connect = require('gulp-connect'); gulp.task('sass', function(){ gulp.src('src/scss/style.scss') .pipe(sass()) .pipe(gulp.dest('src/css')); }); gulp.task('serve', ['sass'], function () { connect.server(); }); gulp.task('default', ['serve']); ,我收到一条错误消息,提示找不到修补程序。但是,当我使用实际的导入路径并开始执行任务(如上面的操作)时,我没有收到任何错误,但仅在style.css文件中得到了此提示:

@import "normalize-scss/asdf/sass/normalize";

我已经将头撞了一个小时。有任何线索吗?

1 个答案:

答案 0 :(得分:0)

这是我自己的错;在https://github.com/appleboy/normalize.scss找到的normalize.scss需要@include normalize();才能开始工作。我想我在gulp调试上花了很多时间,以至于我忘了简单的事情。