没有 scss 的浏览器同步?
Browsersync without scss?
我是 gulp 的新手,我正在尝试设置没有 scss 的浏览器同步。我看到的所有示例都已将其设置为预处理 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']);
试试这个代码块。它对我有用。不过,我认为 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']);
我是 gulp 的新手,我正在尝试设置没有 scss 的浏览器同步。我看到的所有示例都已将其设置为预处理 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']);
试试这个代码块。它对我有用。不过,我认为 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']);