21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
radekt
Profil
Dobrý den,
mám XAMPP a definované lokální domény. V XAMPP (soubor httpd.conf):
<VirtualHost *> 
ServerName bdm 
DocumentRoot "C:/www/bdm/" 
</VirtualHost>

<VirtualHost *> 
ServerName guara 
DocumentRoot "C:/www/guara/" 
</VirtualHost>

<VirtualHost *> 
ServerName elpo 
DocumentRoot "C:/www/elpo/" 
</VirtualHost>

v souboru hosts takto:
127.0.0.1       localhost bdm guara elpo

Nevím, jakou adresu dát do gulpfile.js, když chci v kombinaci s watcherem po změně less souboru reloadovat konkrétní server, např. elpo. Zde je gulpfile.js:

"use strict";

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    less = require('gulp-less'),
    autoprefixer = require('gulp-autoprefixer'),
    pixrem = require('gulp-pixrem'),
    cssmin = require('gulp-cssmin'),
    imagemin = require('gulp-imagemin'),
    browserSync = require('browser-sync')
;

// css
gulp.task('css', function () {
  gulp
    .src('css/index.less')
    .pipe(less())
    .pipe(cssmin())
    .pipe(autoprefixer({
      browsers: ['> 1%', 'last 3 versions', 'ios 6', 'opera 12', 'ff 15', 'Firefox ESR', 'chrome 25', 'ie 7', 'ie 8', 'ie 9'],
      cascade: false
    }))
    .pipe(pixrem())
    .pipe(gulp.dest('css'))
});

// imagemin
gulp.task('imagemin', function () {
  gulp
    .src('img/*')    
    .pipe(imagemin({
        progressive: true
    }))
    .pipe(gulp.dest('img'));
});

gulp.task('css-watch', ['css'], browserSync.reload);

// watch
gulp.task('watch', function() {
  browserSync ({
    server: {
      // co sem dát?
      proxy: "localhost:80/elpo"
    }
  })
  gulp.watch('css/index.less', ['css-watch'])
})

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

Hledal jsem všude možně, ale nenašel. Skript mi vždy otevře stránku http://localhost:3000/ (nenalezeno). Watcher zachytí změnu less a vygeneruje nové css, ale stránka se nereloaduje. Řešil jste někdo něco takového?
Radek Tůma
radekt
Profil
Už jsem to našel, takhle to funguje:
gulp.task('watch', function() {
    browserSync.init(null, {
        proxy: "elpo",
        host: "localhost"
    });
  gulp.watch('css/index.less', ['css-watch'])
})

Vaše odpověď

Mohlo by se hodit

Pokuste se již v titulku uvést název programu související s tématem.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0