2016-10-13 17 views
2

Aglioの--serverオプション、またはconnectconnectオプションとgulp-aglioのプラグインと組み合わせてgulpのペアを使用して、LESSファイルとJadeファイルをライブリロードできません。Aglioでスタイル、テンプレート、変数を再読み込みすることはできますか?

キャッシングが原因ですか?またはconnectのライブリロード機能の制限?

私の変更をレンダリングする唯一の方法は、ctrl-Cを実行してgulpをもう一度実行することです。

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']); 

答えて

0

これは現在できません。

は、ここに私のgulpfile.jsです。ライブリロード機能は、入力API Blueprintファイルのみをリロードするための機能です。すべてのテーマファイルはキャッシュされ、一度しかロードされません。

質問:この機能の使用例は何ですか?

+1

ありがとうございます。この質問のために "tumbleweedバッジ"を入手しました。回答:Aglioのカスタムテンプレートをすぐに開発したいと思います。 – jchook

+0

これは知っていると便利です。現時点では、ライブ・リロードはAPIライターに向けられており、テーマ・ライターには向いていないため、更新を確認するたびにAglioを再起動する必要があります。正直なところ私はテーマ/スタイル/レイアウト/などで作業するときに同じ問題が発生しますが、それらを再読み込みすることを保証するには不十分です。 – Daniel

関連する問題