grunt-contrib-watch：{tinylr：「歡迎」，版本：「0.0.4」}

Question

我正在嘗試使用grunt-contrib-watch和grunt-contrib-compass來使用grunt工作。

到目前爲止，我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" 
} 

我看不到我的索引。 HTML。只是對象。

我需要做什麼才能看到我的網站？

Answer 1

http://localhost:35729是實時重載服務器的地址，而不是您的網站。您的網站仍然需要從它自己的地址/端口提供，例如http://localhost:8000。無論是通過grunt-contrib-connect任務，還是其他一些node.js服務器或一些爲apache/nginx文件提供服務的服務器。

http://localhost:35729僅用於將實時重新加載腳本加載到您的頁面中：<script src="http://localhost:35729/livereload.js"></script>然後在更改時將使用Web套接字觸發並更新您網站上的頁面。