Можно ли в режиме реального времени перезагрузить стили, шаблоны и переменные с помощью Aglio?

Я не могу перезаписать файлы LESS и Jade с помощью Aglio --server вариант или gulp в паре с connect"s livereload вариант и gulp-aglio плагин.

Это из-за кеширования? Или ограничение connectвозможность перезарядки?

Единственный способ сделать мои изменения - это нажать Ctrl-C и снова запустить gulp.

Вот мой gulpfile.js:

var 
    gulp = require('gulp'),  
    aglio = require('gulp-aglio'),
    connect = require('gulp-connect'),
    plumber = require('gulp-plumber'),
    watch = require('gulp-watch')
;

gulp.task('docs', function(){  
    gulp
        .src('docs/index.apib')
        .pipe(plumber())
        .pipe(aglio({
            themeTemplate: 'docs/templates/triple.jade', 
            themeStyle: 'docs/styles/layout-default.less', 
            themeVariables: 'docs/styles/variables-default.less', 
            themeFullWidth: true
        }))
        .pipe(gulp.dest('docs'))
    ;
});

gulp.task('server', function(){  
    connect.server({
        livereload: true,
        root: ['docs']
    });
});

gulp.task('livereload', ['docs'], function(){  
    gulp
        .src(['docs/*.apib'])
        .pipe(plumber())
        .pipe(connect.reload())
    ;
});

gulp.task('watch', function() {  
    gulp.watch(['docs/*.apib', 'docs/*.md', 'docs/styles/*.less', 'docs/templates/*.jade'], ['docs', 'livereload']);
})

gulp.task('default', ['docs', 'server', 'livereload', 'watch']);
gulp.task('build', ['docs']);  

1 ответ

Решение

В настоящее время это невозможно. Функция livereload предназначена для перезагрузки только входного файла API Blueprint. Все файлы темы кэшируются так, что они загружаются только один раз.

Вопрос: каков ваш вариант использования этой функции?

Другие вопросы по тегам