Node.js Sourcemaps内容与编译输出相同-在Windows上 问题

我正在使用

gulp sourcemaps

为我编译的sass生成sourcemaps

这似乎适用于linux/mac计算机，但不适用于Windows源地图中的内容与生成的css相同，而不是实际的源sass

另外，我不想发布和链接到实际的源文件。我想把它们嵌入souremap中

---

细节 以下是我正在使用的完整吞咽任务：

var autoprefixer=require（'gulp-autoprefixer'）；
var gulp=需要（“gulp”）；
var rename=require（'gulp-rename'）；
var sass=需要（'gulp-sass'）；
var sourcemaps=require（'gulp-sourcemaps'）；
吞咽任务（'css'，函数（）{
gulp.src（'resources/assets/sass/app.scss'）
.pipe（sourcemaps.init（））
.pipe（sass（{outputStyle:'compressed'}））
.pipe（autoprefixer（））
.pipe（重命名（'css/app.css'））
.pipe（sourcemaps.write（'.'））
.管道（大口目的地（“公共”）；
});

下面是文件夹结构：

├── gulpfile.js
|
├── resources
|   ├── assets
|       ├── sass
|           ├── app.scss
|
├── public
|   ├── css
|       ├── app.css
|       ├── app.css.map

---

更多细节 我正在使用节点v0.12.4运行Windows 7。全球

gulp

版本是3.9.0

这是我的

package.json

文件：

{
“私人”：没错，
“依赖性”：{
“大口自动刷新器”：“^2.3.1”，
“吞咽”：“^3.9.0”，
“吞咽重命名”：“^1.2.2”，
“狼吞虎咽”：“^2.0.1”，
“吞咽源地图”：“^1.5.2”
}
}

以下是

app.scss

中的原始源内容：

.div{
颜色：红色；
.分区{
颜色：蓝色；
}
}

以下是生成的CSS文件：

.div{color:red}.div.div{color:blue}
/*#sourceMappingURL=../css/app.css.map*/

最后，这里是sourcemap文件（经过修饰）：

{
“版本”：3，
“来源”：[“app.css”]，
“姓名”：[]，
“映射”：“AAAA、KAAK、SAAS、CAAC、UAAU、UAAU、CAAC”，
“文件”：“css/app.css”，
“sourcesContent”：[“.div{color:red}.div.div{color:blue}\n”]，
“sourceRoot”：“/source/”
}

---

结论 从以上所有内容可以看出，sourcemap文件中的

sourcesContent

与生成的CSS完全相同。这使得sourcemap非常无用

我在这里做错了什么，我该如何修复它

---

以下是这些文件的下载：

---

测试：提取它，然后运行

npm安装和&gulp css

我将您的css和代码复制到一个新项目中，并按预期工作<代码>源内容是原始源。所有的东西都是最新的吗？是的，我把所有的东西都复制粘贴了。@JustinHoward-哇。我之前的问题是缺少了

authoprefixer

，这似乎是罪魁祸首。删除它会正确地保留源。我在问题中添加了

autoprefixer

。好的，用autoprefixer添加了你的package.json，并更新了gulpfile。对我来说仍然有效

sources

显示

app.scss

，并且

sourcesContent

具有原始sass源。在linux和mac上试用过。我没有可用的窗口。@JustinHoward-hmmmm。我正在使用Node

v0.12.4

。你呢？