gulp:找不到名为" sourcemap"的选项

时间:2017-11-14 11:57:16

标签: css npm sass gulp

这是我与之抗争的第五天,我几乎准备好放弃(但我不能)。我从其他人那里拿到了一个项目,并且我试图让他们努力工作。

我最终选择了"找不到名为" sourcemap"的选项。

Starting 'watch'...
[11:48:54] Finished 'watch' after 2.75 s
[11:49:32] Starting 'styles'...
[11:49:33] Could not find an option named "sourcemap".
Usage: dart-sass <input>

gulpfile.js中我得到了这个:

gulp.task('styles', () => {
    return sass(['_/sass/main.scss', '_/sass/editor.scss', '_/sass/career-form.scss'], {
    sourcemap: true, style: "compact"
    })
})

即使删除sourcemap: true部分,错误仍然存​​在。 Gulp使用js文件,但不使用CSS。不确定是否有关系。

我使用gulp-ruby-sass并尝试了与此问题相关的所有内容,但没有运气。 (那个之前工作过的人没有帮助 - &#34; 我不知道,给Google带来错误&#34;)。

我已经尝试重建了node_modules,五次,甚至更多,检查了不同版本的gulp-ruby-sassgulp-sourcemaps。寻找sourcemap的另一种用法,但没有运气。

2 个答案:

答案 0 :(得分:2)

the gulp-ruby-sass sourcemap option documentation看起来,如果您使用sourcemap选项,则必须也使用gulp-sourcemaps

  

sourcemap
                输入:boolean   默认值:false

     

初始化Sass源图并将其传递给gulp-sourcemaps。

所以他们的代码:

const gulp = require('gulp');
const sass = require('gulp-ruby-sass');
const sourcemaps = require('gulp-sourcemaps');

gulp.task('sass', () =>
    sass('source/file.scss', {sourcemap: true})
        .on('error', sass.logError)
        // for inline sourcemaps 
        .pipe(sourcemaps.write())
        // for file sourcemaps 
        .pipe(sourcemaps.write('maps', {
            includeContent: false,
            sourceRoot: 'source'
        }))
        .pipe(gulp.dest('result'))
);

所以一起试试吧。 [如果删除sourcemap选项,为什么仍然会收到错误消息很奇怪。]

答案 1 :(得分:0)

一个较晚的答案,但仍然希望它能有所帮助。

如果使用gulp-ruby-sass,则必须安装ruby。

但是,gulp-ruby-sass已被弃用,因此最好切换到gulp-sass来编译Sass文件。