Gulp Sass源地图

时间:2019-10-18 08:29:14

标签: css node.js sass gulp

源地图遇到问题。我没有收到任何错误,但是我看不到任何地方写入任何源文件。这是我的gulpfile的片段:

const sourcemaps = require('gulp-sourcemaps');

function style(){
  return gulp.src('./sass/**/*.scss')
    .pipe(sourcemaps.init({
      loadMaps : true
    }))
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./'))
    .pipe(browserSync.stream())
}

function watch(){
  browserSync.init( {
      //baseDir: '/paradigm-shift',
      //port: 8888,
      proxy: "http://localhost:8888/paradigm-shift/",
      notify: true
    }
  )
  gulp.watch('./sass/**/*.scss', style, minify);
  gulp.watch('./*.html').on('change', browserSync.reload);
  gulp.watch('./js/**/*.js').on('change', browserSync.reload);
  gulp.watch('./*.php').on('change', browserSync.reload)
}

exports.style = style;
exports.minify = minify;
exports.watch = watch

浏览器同步的东西似乎正在工作。

我正在使用gulp 3.9.1。我应该使用gulp 4吗?

或者仅仅是因为我没有在正确的位置查看(控制台未显示任何scss文件)?

感谢您的帮助

快速编辑我的问题:这是我在进行大口吃监视时在终端中得到的内容:

[Browsersync] 2 files changed (style.css.map, style.css)

因此,似乎创建了style.css.map,但无处可寻。而且我在检查器中看不到scss文件。

0 个答案:

没有答案
相关问题