gulp sourcemaps 仅生成最后一个 scss 文件答案

【问题标题】：gulp sourcemaps generating last scss file onlygulp sourcemaps 仅生成最后一个 scss 文件
【发布时间】：2016-11-04 00:07:18
【问题描述】：

我是 gulp 插件的新手，正在尝试让 sourcemaps 工作

文件结构

css/
   sass/
       theme/
            _some-style.scss
            _some-style-2.scss
            _some-style-3.scss
       style.scss
   style.css
   style.css.map

在我的 style.scss 文件中有

@import "theme/some-style";
@import "theme/some-style-2";
@import "theme/some-style-3";

太好了，所以当我检查时，我只会在我的开发工具中出现 _some-style-3.scss。我知道我在这里遇到了路径问题，但不知道如何解决。

Gulp 文件：

gulp.task('sass', function () {
   return gulp.src(css/sass/theme/**/*.scss)
      .pipe(sourcemaps.init())
      .pipe(sass.sync().on('error', sass.logError))
      .pipe(sourcemaps.write())
      .pipe(gulp.dest(css));
});

【问题讨论】：

标签： sass gulp gulp-sass

【解决方案1】：

您的输入有点令人困惑，因为您的文件结构、导入语句和 gulp 文件中有不同的路径。我将根据您在文件结构中提供的路径来回答。

你的文件结构说“主题”直接在“sass”下，所以你的@import语句应该是@import "theme/_various-scss-file.scss"
您需要在 gulp.src 中指定 scss 文件，而不仅仅是路径，例如 gulp.src('css/sass/style.scss')。根据您的文件结构并假设您的 gulp 文件与 css 文件夹位于同一文件夹中，输出路径应为 gulp.dest('css')。

【讨论】：

哇，写这篇文章的时候好累。它应该更新以代表我现在实际拥有的东西。
如果您已经将其他文件导入到 style.scss 中，那么您只需在 gulp.src 中指定该文件。像这样：return gulp.src(css/sass/style.scss)

【解决方案2】：

想通了。与路径无关。我没有提到我也在先压缩我的 scss，这会干扰源映射

【讨论】：