CODEWITHSUNDEEP
phprefreshreloadgulpserver
quarky
quarky

Reputation: 748

Run and refresh PHP server using Gulp

How can I use gulp to run and refresh server on existing host and port which use PHP? Apache/PHP runs on http://localhost:80

gulp.task('connect', function () {
    var serveStatic = require('serve-static');
    var serveIndex = require('serve-index');
    var app = require('connect')()
            .use(require('connect-livereload')({port: 35729}))
            .use(serveStatic('dist'))
            .use(serveStatic('app'))
            .use(serveIndex('app'));

    require('http').createServer(app)
            .listen(8888)
            .on('listening', function () {
                console.log('Web server start on port 8888');
            });
});

gulp.task('serve', ['connect'], function () {
    require('opn')('http://localhost:8888');
});

This code works fine. If I change something (like js, css etc..) browser is refreshed. This if for port 8888. But when I want to use web server on which PHP is running so in my case port 80 - it fails. I want to automatically refresh page after I change some styles or javascript etc.

Thanks

Upvotes: 2

Views: 2254

Answers (1)

SteveLacy
SteveLacy

Reputation: 4160

Use gulp-livereload to reload asset files just connected with the livereload browser extension. https://www.npmjs.com/package/gulp-livereload

The gulp reload task does not require actually managing the server, just access to the browser.

Upvotes: 2

Related Questions