编译额外文件的奇怪 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}));

});

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

也许我的开发工具版本有问题？

如有任何信息将不胜感激

Answer 1

嗯，您正在生成 sourcemaps。看看你在叫什么...

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

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

编译额外文件的奇怪 gulp-sass 问题

Strange gulp-sass issues compiling extra files

javascript

build-process

node.js

gulp

gulp-sass