Gulp + 源映射(多个输出文件)

Question

我刚开始玩 gulp ，而且它非常快速且易于使用，但它似乎有一个严重的缺陷:当一个任务需要输出不止一种类型的文件时，你会怎么做？

例如，gulp-less说它甚至不支持 sourceMapFilename选项。我不希望我的源映射嵌入到我的 CSS 文件中。我被箍住了吗？我应该回去使用 Grunt，还是有办法解决这个问题？

Answer 1

此任务将获取多个文件，对它们执行操作，并将它们与源映射一起输出。

默认情况下，它会将源代码包含在 map 文件中，因此您也不必分发源代码文件。这可以通过设置 includeContent 来关闭。选项 false .见 gulp-sourcemaps NPM page更多源映射选项。

gulpfile.js:

var gulp = require("gulp");
var plugins = require("gulp-load-plugins")();

gulp.task("test-multiple", function() {
    return gulp.src("src/*.scss")
            .pipe(plugins.sourcemaps.init())
            .pipe(plugins.sass())
            .pipe(plugins.autoprefixer())
            .pipe(plugins.sourcemaps.write("./"))
            .pipe(gulp.dest("result"));
});

package.json

"gulp": "~3.8.6",
"gulp-load-plugins": "~0.5.3",
"gulp-sass": "~0.7.2",
"gulp-autoprefixer": "~0.0.8",
"gulp-sourcemaps": "~1.1.0"

src目录:

first.scss
second.scss

result运行 test-multiple 后的目录任务:

first.css
first.css.map  // includes first.scss
second.css
second.css.map  // includes second.scss