2

livereload で gulp を動作させようとしています。Gulp は Web サーバー自体を制御していません (実際の Web アプリは php サイトです。サーバーで nmap を実行すると、livereload が機能していないことがわかり、chrome 拡張機能も同じことを示しています。

これが私の一気飲みの仕事です：

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)
4

2 に答える 2

1

以下は、サーバーとプラグインに基づくシンプルでテスト済みのlivereload ソリューションです。connectconnect-livereloadgulp-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の部分を見逃していました。私はそれを扱っていませんが、これが役立つかもしれません: https://github.com/micahblu/gulp-connect-php

于 2015-04-19T13:59:20.407 に答える