@paveltrty

Не работает gulp-livereload что не так?

var
gulp= require("gulp"),
livereload= require("gulp-livereload");

gulp.task("reload-css", function(){
gulp.src('./src/*.css')
.pipe(livereload());

});
gulp.task("default", function() {
livereload.listen();
gulp.watch('./src/*.css',['reload-css']);
});
  • Вопрос задан
  • 200 просмотров
Пригласить эксперта
Ответы на вопрос 1
@dmitryfx
У меня такая конфигурация работает. Тоже пришлось немало потанцевать с бубном. Дело, скорее всего, в return в функциях задач. Ну и не забыть поставить и активировать плагин для браузера.

var gulp = require("gulp");
var concat = require("gulp-concat");
var sass = require("gulp-sass");
var postcss = require("postcss");
var autoprefixer = require("gulp-autoprefixer");
var cssnano = require("gulp-cssnano");
var livereload = require('gulp-livereload');


var autoprefixer_options = {
	"browserslist": [
                        '> 1%',
                        'last 2 versions',
                        'firefox >= 4',
                        'safari 7',
                        'safari 8',
                        'IE 8',
                        'IE 9',
                        'IE 10',
                        'IE 11'
                    ],
                    cascade: false
	};

gulp.task('sass', function(){
	return gulp.src( "ams_www_modx/assets/ams_modx/scss/style.scss" )
		.pipe( sass().on("error", sass.logError) )
		//.pipe( concat("style.css") )
		.pipe( autoprefixer({ overrideBrowserslist: ['last 6 versions'] }) )
		//.pipe( cssnano() )
		.pipe( gulp.dest("ams_www_modx/assets/ams_modx/css") )
		.pipe( livereload({host: "127.0.0.1", port: "35729"}) );
});


gulp.task('reload', function(){
	return gulp.src( "ams_www_modx/assets/ams_modx/**/*.{html,php}" )
	.pipe(livereload({host: "127.0.0.1", port: "35729"}));
	log("///////////////////");
});


gulp.task('default', function(){
	livereload.listen({host: "127.0.0.1", port: "35729"});
	gulp.watch( ["ams_www_modx/assets/**/*.scss", "!ams_www_modx/assets/img/**/*"], gulp.series('sass') );
	gulp.watch( ["ams_www_modx/assets/**/*.{html,php}", "!ams_www_modx/assets/img/**/*"], gulp.series('reload') );
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы