为引导、SASS和BrowserSync设置Gulp 4

正在尝试设置Gupl4和browsersync，我想将css文件放在assets文件夹中

//我的gulpfile：

const gulp = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();


// compile scss into css
function style() {
  return gulp.src('_frontend/scss/**/*.scss')
    .pipe(sass().on('error',sass.logError))
    .pipe(gulp.dest('../assets/css'))
    .pipe(browserSync.stream());
}

function watch() {
  browserSync.init({
    server: {
      baseDir: "./_frontend",
      index: "/index.html"
    }
   });

  gulp.watch('_frontend/scss/**/*.scss', style)
  gulp.watch('./*.html').on('change',browserSync.reload);
  gulp.watch('./js/**/*.js').on('change', browserSync.reload); 
}

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



<link rel="stylesheet" type="text/css" href="assets/css/styles.css">

---

错在哪里？有人能解释一下我做错了什么吗？

我觉得这就是你想要的：

.pipe(gulp.dest('./assets/css'))

请注意，从

'../

到

/

之间的微小差异是相对于gulpfile.js的位置而言的，它已经位于您要保留的文件夹的顶层，因此

当前工作目录为
/
。但是
。/
是向上移动一个目录，这样你就可以在你不想做的
\u前端
文件夹上方移动

.pipe(gulp.dest('./assets/css'))