Browsersync和/或Gulp不断重置CSS

我有Gulp和Browsersync设置。但是，每当我运行npm start时，Style.CSS文件中的CSS都会重置。html更改仍然存在，我可以将最初的CSS更改推送到github。有谁知道为什么这些CSS添加被重新设置，如果有什么我可以做，以阻止它发生

---

您的项目已设置为使用

SCS

。这将被编译为正常的

css

如果您将代码直接写入

css

文件，则gulp作业将只重新编译

scss

并覆盖您的更改。
为了降低这种情况发生的可能性，一种约定是不要将gulp作业的输出写入开发所用的同一目录（src）

gulp.task（'sass'，function（）{
返回gulp.src（['node_modules/bootstrap/scss/bootstrap.scss'，'src/scss/*.scss']））
.pipe（sass（））
.管道（大口目的地（“src/css”））
gulp.task('sass', function(){
  return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss','src/scss/*.scss'])
    .pipe(sass())
    .pipe(gulp.dest("src/css")) <-- put this somewhere else
    .pipe(browserSync.stream());
});