我可以使用 Aglio 实时重新加载样式、模板和变量吗?
Can I live reload styles, templates, and variables with Aglio?
我无法使用 Aglio 的 --server
选项或 gulp
搭配 connect
的 livereload
选项和 [=15 来实时重新加载 LESS 和 Jade 文件=] 插件.
这是缓存的原因吗?还是 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']);
这目前是不可能的。 livereload 功能仅用于重新加载输入 API 蓝图文件。所有主题文件都被缓存,因此它们只被加载一次。
问题:此功能的用例是什么?
我无法使用 Aglio 的 --server
选项或 gulp
搭配 connect
的 livereload
选项和 [=15 来实时重新加载 LESS 和 Jade 文件=] 插件.
这是缓存的原因吗?还是 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']);
这目前是不可能的。 livereload 功能仅用于重新加载输入 API 蓝图文件。所有主题文件都被缓存,因此它们只被加载一次。
问题:此功能的用例是什么?