Gulp Livereload服务器未启动
我正试图让gulp与livereload合作。Gulp无法控制web服务器本身(实际的web应用程序是一个php站点。当我在服务器上运行nmap时,我看不到livereload工作,chrome扩展也表明了同样的情况 以下是我的吞咽任务:Gulp Livereload服务器未启动,gulp,livereload,gulp-livereload,Gulp,Livereload,Gulp Livereload,我正试图让gulp与livereload合作。Gulp无法控制web服务器本身(实际的web应用程序是一个php站点。当我在服务器上运行nmap时,我看不到livereload工作,chrome扩展也表明了同样的情况 以下是我的吞咽任务: gulp = require 'gulp' {livereload} = require('gulp-load-plugins')() gulp.task 'watch', ['styles'], -> livereload.listen()
gulp = require 'gulp'
{livereload} = require('gulp-load-plugins')()
gulp.task 'watch', ['styles'], ->
livereload.listen()
gulp.watch './public/include/less/**/*.less', ['styles']
gulp.watch('./public/include/css/**/*.css').on('change', livereload.changed)
下面是一个基于connect
服务器和connect-livereload
和gulp-livereload
插件的示例:
var gulp = require('gulp');
var connect = require('connect');
var connectLivereload = require('connect-livereload');
var opn = require('opn');
var gulpLivereload = require('gulp-livereload');
var config = {
rootDir: __dirname,
servingPort: 8080,
// the files you want to watch for changes for live reload
filesToWatch: ['*.{html,css,js}', '!Gulpfile.js']
}
// The default task - called when you run `gulp` from CLI
gulp.task('default', ['watch', 'serve']);
gulp.task('watch', ['connect'], function () {
gulpLivereload.listen();
gulp.watch(config.filesToWatch, function(file) {
gulp.src(file.path)
.pipe(gulpLivereload());
});
});
gulp.task('serve', ['connect'], function () {
return opn('http://localhost:' + config.servingPort);
});
gulp.task('connect', function(){
return connect()
.use(connectLivereload())
.use(connect.static(config.rootDir))
.listen(config.servingPort);
});
编辑 我错过了PHP部分。 我没有使用过,但这可能会帮助您:
为什么不使用浏览器同步?非常简单,也不太复杂 他使用默认端口3000自动打开浏览器窗口 下面是一个简单的使用示例:
var gulp = require(''gulp),
browserSync = require('browser-sync').create();
// Static server
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./flex_grid/"
}
});
});
下面是一个简单的sass编译使用示例:
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
watch = require('gulp-watch'),
sourcemaps = require('gulp-sourcemaps'),
autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync').create();
gulp.task('default', ['serve']);
gulp.task('serve', ['sass'], function() {
browserSync.init({
server: "./flex_grid/"
});
gulp.watch("src/sass/*.scss", ['sass']);
gulp.watch("flex_grid/*.html").on('change', browserSync.reload);
});
gulp.task('sass', function() {
return sass(
'src/sass/flex_grid.scss', {
style: 'expanded',
sourcemap: true
}).on('error', function (err) {
console.error('Error! ', err.message);
})
.pipe(autoprefixer({
browsers: [ '> 0%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1' ],
cascade: false
}))
.on('error', function (err) {
console.error('Error! ', err.message);
})
.pipe(sourcemaps.write('.', {
includeContent: false
}))
.on('error', function (err) {
console.error('Error! ', err.message);
})
.pipe(gulp.dest('flex_grid'))
.pipe(browserSync.stream());
});
谢谢,但这对我没有帮助。我不能通过gulp提供服务,正如问题中所述,该网站是一个php网站。