我正在忙于设置bootstrap 4,以便我可以使用bootstrap作为框架来创建Web应用程序,但是除非我在命令行中重新运行gulp,否则我的scss文件将不会与Web浏览器同步。
我尝试安装sass,以为我可能没有安装scss文件。但是没有运气。
///将sass编译为CSS并自动注入浏览器 gulp.task('sass',function(){ 返回gulp.src(['node_modules / bootstrap / scss / bootstrap.scss','src / scss / *。scss']) .pipe(sass()) .pipe(gulp.dest(“ src / css”)) .pipe(browserSync.reload({stream:true}));
//静态服务器+观看scss / html文件 gulp.task('serve',gulp.series(['sass'],function(){
browserSync.init({
server: "./src"
});
}));
gulp.task('watch',gulp.series(['serve'], function () {
gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'], ['sass']);
return gulp.watch("src/*.html",['change', browserSync.reload]);
}));
gulp.task('default',gulp.series('js','serve','sass'));
我希望能够更改我的.scss文件,并在我在浏览器上刷新Web应用程序后看到所做的更改。