没有scss的Browsersync？
没有scss的Browsersync？
提问于 2018-07-24 06:27:35
我是个新手，我正在尝试在没有scss的情况下设置browsersync。我见过的所有示例都将其设置为预处理sass。我如何设置它来观看普通的css？这是我的gulpfile.js：
const gulp = require('gulp'),
browserSync = require('browser-sync').create(),
sass = require('gulp-sass');
// Static server & watch scss + html files
gulp.task('watch', ['sass'], function() {
browserSync.init({
server: '.'
});
gulp.watch('./assets/**/*.scss', ['sass'], browserSync.reload);
gulp.watch('./*.html').on('change', browserSync.reload);
gulp.watch('./js/**/*.js', browserSync.reload);
});
// Compile Sass into CSS & inject into browsers
gulp.task('sass', function() {
return gulp.src('./assets/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'))
.pipe(browserSync.stream());
});
// default will also watch
gulp.task('default', ['watch']);回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-24 07:55:33
试试这段代码。这对我很管用。不过，我不认为sass = require('gulp-sass')是必要的。
const gulp = require('gulp'),
browserSync = require('browser-sync').create(),
sass = require('gulp-sass');
// Static server & watch scss + html files
gulp.task('watch', function() {
browserSync.init({
server: '.'
});
gulp.watch('./assets/*.css', browserSync.reload);
gulp.watch('./*.html').on('change', browserSync.reload);
gulp.watch('./js/*.js', browserSync.reload);
});
// default will also watch
gulp.task('default', ['watch']);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51487985
复制相关文章
相似问题