使用gulp-ruby-sass找不到css.map

时间:2014-09-26 15:20:40

标签: css sass gulp gulp-sass

我有一个文件app.scss,使用gulp-ruby-sass很好地编译成CSS,问题是在我的控制台中我总是有这个错误:

GET http://localhost:8100/css/app.css.map 404 (Not Found) 

当我在浏览器中检查时,我没有实际上关心看到预处理文件(我发现渲染的CSS更好地发现错误)。我想要的是这条错误信息消失了。

我正在使用Gulp构建应用程序,并且就此问题而言,这意味着文件从一个文件夹移动到另一个文件夹以供服务。

我尝试用

创建一个
sass css/app.scss:css/somethingelse.css --sourcemap

但它刚刚导致:

DEPRECATION WARNING: Passing --sourcemap without a value is deprecated.
Sourcemaps are now generated by default, so this flag has no effect.

在我渲染的CSS的底部,我有这样的评论:

/*# sourceMappingURL=app.css.map */

我的构建文件包含以下内容:

gulp.task('styles', function() {
  gulp.src([appDir + '/www/css/*.css', './commons/styles/main.scss', appDir + '/www/css/*.scss'])
    .pipe(plugins.rubySass({style: 'expanded'}))
    .pipe(plugins.autoprefixer('last 1 version'))
    .pipe(plugins.concat('app.css'))
    .pipe(gulp.dest(buildDir + '/www/css'));
});

我还尝试将sourcemap:'none'添加到rubySass构造函数中。

知道造成这种情况的原因是什么?

1 个答案:

答案 0 :(得分:4)

gulp-ruby-sass有问题。 而不是使用

sourcemap: none

使用

"sourcemap=none": true

禁用源图

我自己尝试修复"Unknown Word" error

Source