我对 gulp 很陌生,所以我有点磕磕绊绊。直到我想将源映射添加到我的项目中之前我都很好,现在我的 gulp 在运行默认任务后卡住了,并且似乎永远不会启动我的“css”任务。因为,我没有收到错误(我的 gulp 任务只是停滞不前)我无法缩小文件的问题范围。这是我的 gulpfile 代码和终端中正在发生的事情的图片。我已经等了整整 5 分钟,它才能启动“css”并抛出错误,但没有任何进展。
作为一个编辑说明,我确实更改了我的 sass 文件,以便它会触发“css”任务来更新我的样式。我仍然遇到同样的问题,它在运行默认任务并且没有启动“css”后被卡住。
var gulp = require('gulp');
var minifycss = require('gulp-cssnano');
var autoprefixer = require('gulp-autoprefixer');
var notify = require('gulp-notify');
var sass = require('gulp-ruby-sass');
var concat = require('gulp-concat');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('css', function() {
return sass('sass/**/*.scss')
.pipe(sourcemaps.init())
.pipe(autoprefixer())
.pipe(concat('styles.css'))
.on('error', sass.logError)
.pipe(sourcemaps.write())
.pipe(gulp.dest('./css'))
.pipe(notify({ message: 'Wait for it....wait for it!!!' }));
});
gulp.task('default', function() {
gulp.watch('scss/**/*.scss',['css']);
});