Browsersync和/或Gulp保持重置CSS

Question

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

https://github.com/jwolfe890/bootProj

Answer 1

您的项目已设置为使用scss。这会被编译为正常css 如果您将代码直接写入css文件，则gulp作业将重新编译scss并覆盖您的更改。
为了减少这种情况，一个惯例就是不要将gulp作业的输出写入用于开发（src）的同一目录。

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());
});

要解决您的问题，只需在scss文件中写下您的风格。