使用Gulp、手写笔和浏览器同步进行本地预处理
我正在尝试为windows上的客户端设置CSS预处理和浏览器同步。Prepos似乎是垃圾,他不能使用codeKit,因为它只是Mac 我给了他这些资源 预处理效果很好,但是浏览器必须手动刷新才能看到CSS的变化 你能找出这段代码中的错误吗?MAMP也参与了。。。所以它可能是别的东西。我正在尝试不同的配置来排除故障使用Gulp、手写笔和浏览器同步进行本地预处理,gulp,mamp,browser-sync,gulp-stylus,Gulp,Mamp,Browser Sync,Gulp Stylus,我正在尝试为windows上的客户端设置CSS预处理和浏览器同步。Prepos似乎是垃圾,他不能使用codeKit,因为它只是Mac 我给了他这些资源 预处理效果很好,但是浏览器必须手动刷新才能看到CSS的变化 你能找出这段代码中的错误吗?MAMP也参与了。。。所以它可能是别的东西。我正在尝试不同的配置来排除故障 // gulpfile.js var gulp = require('gulp'); var browserSync = require('browser-sync'); var st
// gulpfile.js
var gulp = require('gulp');
var browserSync = require('browser-sync');
var stylus = require('gulp-stylus');
gulp.task('setup-server', function() {
var files = [
'./style.css',
'./*.php',
];
browserSync.init(files, {
proxy: 'https://website-name.dev',
});
});
gulp.task('compile-stylus', function () {
return gulp.src('stylus/*.styl')
.pipe( stylus({
// options
}))
.pipe( gulp.dest('./') ) // root of theme
.pipe( browserSync.stream() )
;
});
gulp.task('default', ['setup-server', 'compile-stylus'], function() {
gulp.watch('stylus/**/*.styl', ['compile-stylus']);
});
文件结构 project-root gulpfile.js /stylus /partials style.styl 项目根 gulpfile.js /触笔 /分部 style.styl 尝试以下更改:
var browserSync = require("browser-sync").create();
var reload = browserSync.reload;
以及任务结束时的以下更改:
gulp.task('compile-stylus', function () {
return gulp.src('stylus/*.styl')
.pipe( stylus({
// options
}))
.pipe( gulp.dest('./') ) // root of theme
.pipe( browserSync.reload({stream: true}));
});
我想你是指gulpfile.js,而不是文件夹结构中的gruntfile.js。我是指gulpfile.js;)我要试试看!