PROSAGA码农传奇-gulp-浏览器同步 - 更改为.scss不会出现在浏览器中但出现在.css中

浏览器同步 - 更改为.scss不会出现在浏览器中但出现在.css中

作者: 易米烊光
发布时间: 2024-12-29 12:34:12 (28天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    改变这个：
  </p>
   <pre>
    <code>
      gulp.watch('./src/sass/*.scss', gulp.series('sass'), browserSync.reload);

</code>
  </pre>
  <P>
    至：
  </p>
   <pre>
    <code>
      gulp.watch('./src/sass/*.scss', gulp.series('sass', browserSync.reload));

</code>
  </pre>
  <P>
    也在这：
  </p>
   <pre>
    <code>
      gulp.task('sass', function(cb) {
   pump([
     gulp.src('src/sass/*.scss'),

// don't call browserSync.stream() before sass()
     // plus you already have it in your scss watch to reload
     // so either move this to the end - after gulp.dest - and remove it from the watch
     // or remove it from here and leave in the watch

//  browserSync.stream(),

sass().on('error', sass.logError),
     cleanCSS(),
     gulp.dest('dist/css')
   ],

cb;
  );
 });

</code>
  </pre>
  <HR />
   <pre>
    <code>
      // in your watch task:

gulp.watch("./src/*.html", { events: 'all' }, function(cb) {
    browserSync.reload();
    cb();
  });

gulp.task('html', function(cb) {
  pump([
    gulp.src('src/*.html'),
    gulp.dest('dist'),
    //  browserSync.stream()
  ],
  cb
  );
});

</code>
  </pre>
</DIV>