javascript - 编译额外文件时出现奇怪的 gulp-sass 问题

Question

我刚开始使用 gulp 和 npm 包，所以这可能是正常行为。

我的问题是，我正在建立一个新项目，并拥有我需要的所有包，包括Browserify，当我在终端中运行gulp时，所有文件都完美编译并按预期缩小，尽管我看到了一个小问题，那就是当我对css进行更改时，预编译文件夹中的sass文件似乎编译为.css.map和.css。这是一个额外的过程，会创建我不喜欢的额外文件。

这是正常行为吗？

我的任务如下，我已经对其进行了测试以了解它与 gulp sass 有关:

var src = {
    sass: "src/sass/**/*.scss",
    js: "src/js/**/*.js",
    img: "src/img/*"
};

var output = {
    js: "output/js",
    css: "output/css",
    img: "output/img/",
    html: "output/**/*.html",
    min_css: "app.min.css",
    min_js: "app.min.js"
};

gulp.task('sass', function() {

    return gulp.src(src.sass)
        .pipe(plumber({
            errorHandler: onError
        }))
        .pipe(sass())
        .pipe(prefix('last 2 versions'))
        .pipe(concat(output.min_css))
        .pipe(gulp.dest(output.css))
        .pipe(minify_css())
        .pipe(sourcemaps.init())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(output.css))
        .pipe(browseSync.reload({stream: true}));

});

有关更多信息，我有 Node v5.6.0 和 gulp CLI 版本 1.2.1 gulp 本地版本3.9.1。

也许我的开发工具版本有一些奇怪的事情？

任何信息都会很好，提前致谢

Answer 1

好吧，你正在生成sourcemaps 。看看你在打电话什么...

.pipe(sourcemaps.init())
.pipe(sourcemaps.write())

所以是的，这是正常的，因为您明确地调用了它。只需删除这些 pipe 调用即可不写入源映射文件。