gulp-livereload после редактирования файлов ejs - PullRequest
Новая
       26

gulp-livereload после редактирования файлов ejs

0 голосов
/ 20 октября 2019 
    const gulp = require('gulp');
const gulpIf = require('gulp-if');
const order = require('gulp-order');
const sass = require('gulp-sass');
const minifyCSS = require('gulp-clean-css');
const concat = require('gulp-concat');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const plumber = require('gulp-plumber');
const notify = require('gulp-notify');
const livereload = require('gulp-livereload');

const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
const autoprefixerBrowsers = ['last 15 version'];

function fnStyles(sourcePaths, orderList, destPath, concatName) {
    return gulp
        .src(sourcePaths)
        // more manipulation
        .pipe(gulp.dest(destPath))
        .pipe(livereload());
}

gulp.task('global:styles', function() {
    return fnStyles(
        [
            'sources/vendor/**/*.scss'
        ],
        [
            'styles/reset.scss',
            'styles/fonts.scss',
        ],
        'public/static/css',
        'global.css',
    );
});

gulp.task('watch', () => {
    gulp.watch('views/**/*.ejs').on('change', livereload.reload);

    livereload.listen();

    gulp.watch('sources/assets/**/*.scss', gulp.series('global:styles'));
});

gulp.task(
    'build',
    gulp.series(
        gulp.parallel('global:styles'),
    ),
);

gulp.task('dev', gulp.series('build', 'watch'));

gulp.task('default', gulp.series('build', 'watch'));

ссылки: https://www.npmjs.com/package/gulp-livereload

  1. Проблема в том, что при переходе по ссылкам на сайте переход происходит только при втором щелчке по ссылке

  2. Livereload перезагружает браузер после редактирования файлов EJS, даже если редактируется не та страница, в которой вы находитесь, находится в браузере

Любые идеи

...