2

grunt-contrib-watch と grunt-contrib-compass を使用して、うなり声を機能させようとしています。

これまでのところ、私の Gruntfile は次のようになっています。

module.exports = function (grunt){

    grunt.initConfig({

    compass : {

        dist : {
        options : {
            debugInfo : 'true'          
        }

        }

    },

    watch : {       
        files : ['*.html', 'js/*', 'sass/*'],
        task : ['compass'],
        options : {
        livereload: true,
        port : 35729
        }       
    }

    });


    grunt.loadNpmTasks('grunt-contrib-watch') ;
    grunt.loadNpmTasks('grunt-contrib-compass') ;

    grunt.registerTask('default', ['watch'])

} ;

私はクロムライブリロード拡張機能を使用しています。

次に「grunt -v」を実行すると、grunt が期待どおりに html ファイルと sass ファイルを監視していることがわかります。期待どおり、ブラウザのタブが自動的にリロードされます。

ブラウザーのタブで、次のアドレスに移動します。

http://localhost:35729

ただし、私のブラウザでは、読み込みと再読み込み時にのみ表示されます。

{
tinylr: "Welcome",
version: "0.0.4"
}

index.html が表示されません。ちょうどオブジェクト。

自分のサイトを表示するにはどうすればよいですか?

4

1 に答える 1

8

http://localhost:35729あなたのウェブサイトではなく、ライブリロードサーバーのアドレスです。Web サイトは、独自のアドレス/ポート ( http://localhost:8000. grunt-contrib-connect タスク、他の node.js サーバー、またはファイル apache/nginx を提供するサーバーのいずれかを使用します。

http://localhost:35729は、ライブ リロード スクリプトをページにロードするためにのみ使用されます。<script src="http://localhost:35729/livereload.js"></script>その後、変更時に Web ソケットを使用して、Web サイト上のページをトリガーおよび更新します。

于 2013-10-22T05:14:52.503 に答える