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

【问题标题】：css.map not found using gulp-ruby-sass使用 gulp-ruby-sass 找不到 css.map
【发布时间】：2014-11-21 15:57:18
【问题描述】：

我有一个文件 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 构造函数中。

知道是什么原因造成的吗？

【问题讨论】：

你为什么要将 .css 文件传送到 rubySass ？你应该给.scss
全行代码已更新，我只是删除了一些以便于阅读。 scss 和 css 连接到一个文件中。
你应该将.css 与.scss 转换后连接起来，但这是另一个问题。您的任务中也没有dest，这仅用于测试目的吗？尝试添加.pipe(gulp.dest('test.css')) 并判断地图是否还在
我已将整个代码块更新为我的代码块
由于您连接 css 文件夹中的所有内容并将任务的输出复制到同一文件夹中，因此带有 sourcemap 注释的旧 app.css 文件仍将是那里。删除它并重新启动你的任务，它应该是好的

标签： css sass gulp gulp-sass

【解决方案1】：

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

sourcemap: none

使用

"sourcemap=none": true

禁用源地图

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

Source

【讨论】：

太棒了！多么奇怪的错误
如果他们想让它变得更奇怪，他们应该让它{ '!!sourcemap===\'none\'': true }...