修改sass后,浏览器同步(gulp)不会刷新页面
我使用sass和浏览器同步构建应用程序。我使用jhipster生成了配置 修改*.scss文件时,页面不会自动刷新。下面是我的gulpfile.js的一部分: 文件也是由jhipster生成的。我已经尝试了stackoverflow上找到的所有解决方案,但都没有效果。代码有问题吗 如果有必要,我可以发布整个文件。尝试:修改sass后,浏览器同步(gulp)不会刷新页面,sass,gulp,jhipster,browser-sync,Sass,Gulp,Jhipster,Browser Sync,我使用sass和浏览器同步构建应用程序。我使用jhipster生成了配置 修改*.scss文件时,页面不会自动刷新。下面是我的gulpfile.js的一部分: 文件也是由jhipster生成的。我已经尝试了stackoverflow上找到的所有解决方案,但都没有效果。代码有问题吗 如果有必要,我可以发布整个文件。尝试: gulp.task('sass', function () { return gulp.src(config.scss + '**/*.{scss,sass}') .pi
gulp.task('sass', function () {
return gulp.src(config.scss + '**/*.{scss,sass}')
.pipe(plumber({errorHandler: handleErrors}))
.pipe(changed(config.app + 'assets/styles', {extension: '.css'}))
.pipe(sass({includePaths:config.importPath}).on('error', sass.logError))
.pipe(gulp.dest(config.app + 'assets/styles'));
.pipe(browserSync.reload({stream: true}));
});
运行tasksass
修复了sass和浏览器同步的一些问题。
尝试更新JHipster并重新生成您的项目。仍然无效。当我修改html文件时,一切都很好。但当我修改scss文件时,它正在被编译,但我需要手动刷新页面。
gulp.task('sass', function () {
return gulp.src(config.scss + '**/*.{scss,sass}')
.pipe(plumber({errorHandler: handleErrors}))
.pipe(changed(config.app + 'assets/styles', {extension: '.css'}))
.pipe(sass({includePaths:config.importPath}).on('error', sass.logError))
.pipe(gulp.dest(config.app + 'assets/styles'));
.pipe(browserSync.reload({stream: true}));
});