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调用即可不写源文件。

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

1 个答案: