Jaki plugin serwera html do automatycznego odświeżania

pytanie zadane 18 stycznia 2018 w JavaScript przez dentro Nowicjusz (240 p.)

Jaki plugin serwera html do automatycznego odświeżania w przeglądarce dla gruntjs?

Coś na zasadzie edytora brackets jak odpalamy podgląd na żywo, tylko, że dla grunta...

W chromie odpala się wtedy strona na ip:port jak bede miał plugin to chce dodać to do watch żeby odświeżała mi się strona automatycznie po modyfikacji sass lub js.

Jest takie coś?

komentarz 18 stycznia 2018 przez rafal.budzis Szeryf (85,260 p.)

Z swojej strony powiem tylko ze gulp takie cos ma. Moze warto zweryfikować różnice ;)

1 odpowiedź

odpowiedź 18 stycznia 2018 przez accolade Bywalec (2,410 p.)
wybrane 22 stycznia 2018 przez dentro

Najlepsza

https://browsersync.io/

komentarz 19 stycznia 2018 przez dentro Nowicjusz (240 p.)

chce też odświezać pliki php jak to zroibć za pomocą grunta

uruchomiłem xampa i wpsiałem w node js

browser-sync start --proxy "localhost" --files "src/*.php"

i działa, ale jak dodaje do Gruntfile.js proxy i localhost to wyskakuje done i kończy zadanie

wolałbym żeby działało automatycznie w gruncie, żeby nie trzeba za każdym razem wklejać kolejnej komendy w node js

stworzyłem testowy plik, który nie działa(jak usunę proxy to działa tylko,że dla htmla)

module.exports = function (grunt) {
    grunt.initConfig({
        watch: {
            files: 'src/css/*.scss',
            tasks: ['sass']
        },
        sass: {
            dev: {
                files: {
                    'src/css/main.css': 'src/scss/main.scss'
                }
            }
        },
        browserSync: {
            dev: { 
                bsFiles: {
                    src : [
                        'src/css/*.css',
                        'src/*.html',
                        'src/*.php'
                    ]
                },
                options: {
                    watchTask: true,
                    server: './src',
					proxy: "localhost.pl"
                }
            }
        }
    });

    // load npm tasks
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-browser-sync');

    // define default task
    grunt.registerTask('default', ['browserSync', 'watch']);
};

komentarz 19 stycznia 2018 przez accolade Bywalec (2,410 p.)

Korzystam z Gulpa i nie wiem jak bardzo on jest inny od Grunta, pewnie konstrukcja tasków wygląda iaczej, więc nie przeklejam kodu. Ja przy proxy podaję adres IP z portem i potem ścieżką do katalogów. No i jak masz proxy w tasku to server stamtąd usuń.