我正在使用gulp进行wordpress
mamp pro
主题开发服务。
这是我的gulpfile.js
:
var gulp = require('gulp');
var compass = require('gulp-compass');
var browserSync = require('browser-sync').create();
gulp.task('browserSync', function() {
browserSync.init({
proxy: "http://favre.test",
port:8080
})
});
gulp.task('compass', function() {
return gulp.src('assets/sass/*.scss')
.pipe(compass({
css: './',
sass: 'assets/sass',
image: 'assets/img'
}))
.pipe(gulp.dest('./'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('watch', ['browserSync', 'compass'], function (){
gulp.watch('assets/sass/**/*.scss', ['compass']);
});
当罗盘后browserSync
文件发生变化时,您可以看到css
代理重新加载*.scss
。
它工作正常但firefox
标签在重新加载css
时崩溃。在chrome上工作,但我想知道为什么firefox
崩溃我在Gulp出错了什么?
感谢您的回答。如果不清楚,请不要犹豫问我问题。 (法国人)