编译额外文件时奇怪的咕噜咕噜问题

Strange gulp-sass issues compiling extra files

本文关键字：问题 文件 编译      更新时间：2023-09-26

我是使用gulp和npm包的新手，所以这可能是正常行为。

我的问题是我正在设置一个新项目，并在终端中gulp运行时拥有我需要的所有软件包，包括 Browserify，这些文件都可以完美编译并按预期缩小，尽管我看到一个小问题，即当我对 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咕噜本地版本3.9.1。

也许我的开发工具版本有什么奇怪的事情要做？

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

嗯，你正在生成源映射。看看你在叫什么...

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

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

相关文章：