1

watch github pageに加えて、この回答を出発点として調べました。

私の監視タスクは次のようになります。

watch: {
  less: {
    files: ['less/**/*.less'],
    tasks: ['less'],
    options: {
      livereload: true
    }
  },
  handlebars: {
    files: ['templates/**/*.hbs'],
    tasks: ['handlebars'],
    options: {
      livereload: true
    }
  }
}

最初にブラウザー拡張機能を試し、その後、このスクリプトを index.html に追加しました (そして、それが読み込まれていることを確認しました)。

<script src="//localhost:35729/livereload.js"></script>

また、これを私のwatch jsに追加しようとしました:

livereload: {
  files: ['dev/**/*'],
  options: {
    livereload: true
  }
}

また、接続タスクがあり、それを使用して、または使用せずに grunt を実行しようとしましたが、役に立ちませんでした。

connect: {
  dev: {
    options: {
      port: 35729
    }
  }
}

そして、まだライブリロードはありません...

4

3 に答える 3

1

これは私の Gruntfile.js で、接続バージョンは 0.9.0 です。この構成は別の livereroad ポートに使用できます 

module.exports = function (grunt) {

require('load-grunt-tasks')(grunt);
require('time-grunt')(grunt);
grunt.initConfig({
    watch: {
        demo: {
            files: ['web/*.*'],
            options: {
                livereload: 5000
            }
        },
        dev:{
            files: ['web1/*.*'],
            options: {
                livereload: 3030
            }
        }
    },
    connect: {
        demo: {
            options: {
                base: "web",
                port: 1111,
                hostname: '*',
                livereload: 5000,
                open: {
                    target: 'http://127.0.0.1:1111'
                }
            }
        },
        dev:{
            options: {
                base: "web1",
                port: 2222,
                hostname: '*',
                livereload: 3030,
                open: {
                    target: 'http://127.0.0.1:2222'
                }
            }
        }
    }
})
grunt.registerTask('demo', ['connect:demo', 'watch:demo']);
grunt.registerTask('dev',['connect:dev','watch:dev']);

}

于 2014-11-26T15:43:09.093 に答える
0

これは機能しますか？

watch: {
  options: { livereload: true },
  less: {
    files: ['less/**/*.less'],
    tasks: ['less']
  },
  //...
}

また、詳細モード ( grunt do-something -v) で実行して、livereload サーバーが起動し、ポートが正しいことを確認してください。

于 2014-01-06T23:29:58.930 に答える
0

Watch は livereload なしですぐに使えました。livereload オプションとスクリプト インクルードを削除しようとしましたか?

次に：うなり声。いなり時計

(デフォルトのタスクがビルドを実行し、watch が変更を監視します)

于 2014-01-06T23:33:22.803 に答える