Как выполнить команду перед перезагрузкой браузера для перезагрузки - PullRequest
0 голосов
/ 28 апреля 2018

Я использую браузерную синхронизацию, чтобы перезагрузить страницу после некоторых изменений. Но теперь мне нужно запустить browserify до перезагрузки страницы.

Я использую эту команду для запуска сервера: browser-sync start --server --files "*.js"

И я использую эту команду для создания файла: browserify main.js -o bundle.js

Есть ли что-то вроде этого: browser-sync start --server --files "*.js" --before-reload "browserify main.js -o bundle.js" ???

1 Ответ

0 голосов
/ 17 июля 2018

Я нашел решение этой проблемы с Gulp. Сначала установите зависимости:

npm i --save-dev browser-sync browserify gulp gulp-cli vinyl-source-stream

Затем я создал файл gulp: gulpfile.js

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var browserify  = require('browserify');
var source      = require('vinyl-source-stream');

gulp.task('browserify', function() {
    return browserify('main.js')
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('.'));
});


gulp.task('browsersync-reload', ['browserify'], function (done) {
    browserSync.reload();
    done();
});


gulp.task('default', ['browserify'], function () {

    browserSync.init({
        server: {
            baseDir: "."
        }
    });

    gulp.watch("*.js", ['browsersync-reload']);
});

Поэтому я использую команду gulp для запуска browsersync:

./node_modules/.bin/gulp

Ссылка: https://github.com/ailtonbsj/es5-oo

...