Я пытаюсь настроить свою систему сборки, но у меня возникли проблемы с тем, чтобы заставить LiveReload работать с нужными мне файлами. Я включил свой текущий gulpfile ниже. Когда я запускаю команду gulp, я знаю, что сервер работает на «localhost: 35729/». Однако, когда я перехожу по адресу в своем браузере, я получаю это сообщение:
{"tinylr":"Welcome","version":"0.1.6"}
По сути, мне нужно знать, как я могу заставить свою индексную страницу отображаться здесь, а не в этом сообщении, поскольку расширение Chrome LiveReload не будет перезагружать версию моей индексной страницы, которая просто находится в моем автономном каталоге.
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var sass = require('gulp-ruby-sass');
var livereload = require('gulp-livereload');
function errorLog(error) {
console.error.bind(error);
this.emit('end');
}
// Scripts Task
// Uglifies
gulp.task('scripts', function(){
gulp.src('js/*.js')
.pipe(uglify())
.on('error', errorLog)
.pipe(gulp.dest('minjs'))
});
//SASS Task
//Compiles SASS
gulp.task('sass', function(){
return sass('scss/*.scss', { style: 'compressed' })
.on('error', errorLog)
.pipe(gulp.dest('./css'))
.pipe(livereload());
});
// Watch Task
// Watches JS and CSS
gulp.task('watch', function(){
livereload.listen();
gulp.watch('js/*.js', ['scripts']);
gulp.watch('scss/*.scss', ['sass']);
});
gulp.task('default', ['scripts', 'sass', 'watch',]);