Deploy to Heroku Issue

I can’t figure out how to deploy gulp-webserver to Heroku. Has anyone tried this? Here is my gulpfile:

    var gulp = require('gulp');
    var webserver = require('gulp-webserver');
    var mainBowerFiles = require('main-bower-files');
    var inject = require('gulp-inject');
    var del = require('del');

    var paths = {
        temp: '.tmp',
        tempVendor: '.tmp/vendor',
        tempIndex: '.tmp/views/index.html',

        index: 'app/views/index.html',
        appSrc: ['app/**/*', '!app/views/index.html'],
        bowerSrc: 'bower_components/**/*',
    };

    gulp.task('default', ['watch']);

    gulp.task('watch', ['serve'], function () {
        gulp.watch(paths.appSrc, ['scripts']);
        gulp.watch(paths.bowerSrc, ['vendors']);
        gulp.watch(paths.index, ['copyAll']);
    });

    gulp.task('serve', ['copyAll'], function () {
        return gulp.src(paths.temp)
            .pipe(webserver({
                host: '0.0.0.0',
                port: '8000',
                fallback: 'index.html',
                livereload: false,
                proxies: [{
                    source: '/api',
                    target: 'http://localhost:1337'
                }]
            }));
    });

    gulp.task('copyAll', function () {
        var tempVendors = gulp.src(mainBowerFiles()).pipe(gulp.dest(paths.tempVendor));

        var appFiles = gulp.src(paths.appSrc).pipe(gulp.dest(paths.temp));

        return gulp.src(paths.index)
            .pipe(gulp.dest(paths.temp))
            .pipe(inject(tempVendors, {
                relative: true,
                name: 'vendorInject'
            }))
            .pipe(inject(appFiles, {
                relative: true
            }))
            .pipe(gulp.dest(paths.temp));

    });

    gulp.task('vendors', function () {
        var tempVendors = gulp.src(mainBowerFiles()).pipe(gulp.dest(paths.tempVendor));

        return gulp.src(paths.tempIndex)
            .pipe(inject(tempVendors, {
                relative: true,
                name: 'vendorInject'
            }))
            .pipe(gulp.dest(paths.temp));
    });

    gulp.task('scripts', function () {

        var appFiles = gulp.src(paths.appSrc).pipe(gulp.dest(paths.temp));

        return gulp.src(paths.tempIndex)
            .pipe(inject(appFiles, {
                relative: true
            }))
            .pipe(gulp.dest(paths.temp));
    });

    gulp.task('clean', function () {
        del([paths.temp]);
    });

[CiscoKidxx]

add host: ‘0.0.0.0’ so it looks like this:

‘use strict’;

/**

• Hosts the dist folder on a specific port.

• Example Usage:
• gulp server */ var gulp = require(‘gulp’), webserver = require(‘gulp-webserver’);

gulp.task(‘server’, function() { return gulp.src(‘./dist/’).pipe(webserver({ host: ‘0.0.0.0’, port: process.env.PORT || 5000, https: false, open: true })); });

On Tue, Nov 17, 2015 at 9:47 AM, Anthony Hastings [e-mail] wrote:

In my package.json I have:

scripts: { ‘start’: ‘gulp server’ }

and my server task is as follows:

‘use strict’;

/**

• Hosts the dist folder on a specific port.

• Example Usage:
• gulp server */ var gulp = require(‘gulp’), webserver = require(‘gulp-webserver’);

gulp.task(‘server’, function() { return gulp.src(‘./dist/’).pipe(webserver({ port: process.env.PORT || 5000, https: false, open: true })); });

— Reply to this email directly or view it on GitHub https://github.com/schickling/gulp-webserver/issues/94#issuecomment-157409784 .

[anthonyhastings]

That’s done the trick; thank you! It was really trippy that the original author of the ticket was the one who gave me the solution though 😄

Perhaps close this ticket now since you also seem to have sorted it for yourself?

Thanks again, Anthony