Question

Gulpfile.js不会更新我的浏览器。我包括所有必要的插件。

    var gulp = require('gulp'),
    concatCss = require('gulp-concat-css'),
    minifyCss = require('gulp-minify-css'),
    autoprefixer = require('gulp-autoprefixer'),
    notify = require('gulp-notify'),
    livereload = require('gulp-livereload'),
    connect = require('gulp-connect');

    //connect server
    gulp.task('connect', function() {
      connect.server({
        root: 'gulp-project',
        livereload: true
      });
    });

    //css
    gulp.task('css', function() {
     return gulp.src('./*.css')
        .pipe(concatCss("bundle.css"))  
        .pipe(minifyCss())
        .pipe(autoprefixer({
            browsers: ['last 15 versions'],
            cascade: false
        }))
        .pipe(gulp.dest('out/'))
        .pipe(notify("Done!"))
        .pipe(connect.reload());
    });

    //html
    gulp.task('html', function() {
        return gulp.src('index.html')
        .pipe(connect.reload());
    })

    //watch
    gulp.task('watch', function() {
        gulp.watch('*.css',['css'])
        gulp.watch('index.html',['html'])
    });
    gulp.task('default',['connect','html','css','watch'])

Gulpfile.js不会更新我的浏览器页面。我包含所有必要的插件。谢谢您的回答。

Answer 1

Livereload可能是一个非常容易设置的故事，我认为它改变了语法并在版本上调用了params。过去曾经为我工作的是：

var livereload = require('gulp-livereload')();

然后每当你想触发它时：

livereload.changed(file.path);

我知道它会破坏您的管道使用情况，但有一些解决方法。

同时检查您是否需要启动livereload：

    livereload.listen();

这是gulp-livereload v 3.x中的新内容：

gulp-livereload不会自动侦听更改。您现在必须手动调用livereload.listen，除非您设置选项start：

livereload({ start: true })

Gulp Livereload不起作用

1 个答案: