var gulp = require(‘gulp’);var sass = require(‘gulp-sass’);
gulp.task(‘sass’,done => { gulp.src(” ./ CSS / ** / *。SASS’) .pipe(sourcemaps.init()) .pipe(sass({outputStyle:‘expanded’…
该 错误 是不言自明的:你指的是 sourcemaps 变量虽然不存在。
sourcemaps
通常,您需要在gulp文件的顶部声明它,如下所示:
var sourcemaps = require('gulp-sourcemaps');
但是,Gulp 4有 内置源代码功能 ,所以你可以重写你的 sass 像这样的任务:
sass
gulp.task('sass', () => gulp.src('./css/**/*.sass', { sourcemaps: true }) .pipe(sass({ outputStyle: 'expanded' }).on('error', sass.logError)) .pipe(gulp.dest('.', { sourcemaps: '.' })) );
请注意,我删除了 done 回调,如果你只是返回流不需要。
done
请注意,运行时会遇到同样的问题 compressed-js 任务。你需要定义 uglify 和 rename :
compressed-js
uglify
rename
var uglify = require('gulp-uglify'); var rename = require('gulp-rename');
并确保安装了您需要的软件包。