.scss gulp同步问题

时间:2019-06-24 18:52:06

标签: bootstrap-4 gulp-watch gulp-sass

我正在忙于设置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应用程序后看到所做的更改。

0 个答案:

没有答案