gulp-sourcemaps插件用法有点疑惑?

1、我想用gulp-sass编译并生成css和sourcemap,一下是gulpfile片段:

// 编译sass
gulp.task("sass", function(){
    gulp.src(config.appRoot + "/sass/**/*.scss")
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(sass({
            outputStyle: "compressed"
        }))
        .pipe(sourcemaps.write("maps"))
        .pipe(gulp.dest(config.appRoot + "/css"));
});

生成后我在chrome看为什么是显示stdin:5之类的,而不是显示文件呢?

图片描述

2、我用gulp-sass编译sass,为什么不能把之前已经生成的css文件删除调呢?比如我先编译一个a.scss,然后我把a.scss删除掉,为什么gulp-sass插件不能把a.css文件也删除调呢,我用sass --watch命令它都可以做到啊,请问需要怎么处理呢?

阅读 5k
1 个回答

感觉你写的也没什么问题,具体 option 可能查下文档吧。
css 是会被覆盖的,我是这样配置的

var styles = function (f) {
  var sass_dir = dirs.styles
  gulp.src(sass_dir + f)
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(autoprefixer({
      browsers: ['last 2 version'],
      cascade: false
    }))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(dirs.dest));
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题