通过使用gulp-ruby-sass，找不到css.map文件

Question

我有一个名为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'));
});

我还尝试在rubySass构造函数中添加sourcemap: 'none'。你知道是什么原因导致的吗？

- Ben Taliadoros

---

为什么你要将 .css 文件传输到 rubySass？你应该使用 .scss。 - Preview

在它们被转换后，你应该将.css与.scss连接起来，但这是另一个问题。你的任务中也没有dest，那只是为了测试吗？尝试添加.pipe(gulp.dest('test.css'))并告诉我们是否仍然存在映射。 - Preview

我已经更新了整个代码块，使其与我的代码一致。 - Ben Taliadoros

由于您将css文件夹中的所有内容连接起来，并将任务的输出复制到同一文件夹中，因此旧的带有sourcemap注释的app.css文件仍然存在。删除它并重新启动任务，应该就可以了。 - Preview

我指的是生成的 app.css 文件。 - Preview

Answer 1

有关 gulp-ruby-sass 的一些问题。 不使用

sourcemap: none

使用

"sourcemap=none": true

禁用sourcemaps

我自己尝试过使用它来修复"未知词语"错误。

源代码

- ProblemsOfSumit

---

太棒了！这是一个多么奇怪的 bug。 - Ben Taliadoros

如果他们想让它变得更加奇怪，他们应该将其设置为{ '!!sourcemap===\'none\'': true }。 - Deminetix