2
Aglioの--server
オプション、またはconnect
のconnect
オプションと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']);
ありがとうございます。この質問のために "tumbleweedバッジ"を入手しました。回答:Aglioのカスタムテンプレートをすぐに開発したいと思います。 – jchook
これは知っていると便利です。現時点では、ライブ・リロードはAPIライターに向けられており、テーマ・ライターには向いていないため、更新を確認するたびにAglioを再起動する必要があります。正直なところ私はテーマ/スタイル/レイアウト/などで作業するときに同じ問題が発生しますが、それらを再読み込みすることを保証するには不十分です。 – Daniel