grunt-contrib-watch : {tinilr: Добро пожаловать, версия: 0.0.4}

Я пытаюсь заставить grunt работать с помощью 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'])

} ;

Я использую расширение live-reload для Chrome.

Если я затем запущу grunt -v, я увижу, что grunt следит за моими html и моими файлами sass, как и ожидалось. Вкладка моего браузера автоматически перезагружается, как и ожидалось.

Во вкладке браузера я иду по этому адресу:

http://localhost:35729

Однако в моем браузере я вижу это только при загрузке и перезагрузке:

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

Я не вижу свой index.html. Просто объект.

Что мне нужно сделать, чтобы увидеть мой сайт?


gruntjs grunt-contrib-watch
person davedave    schedule 22.10.2013    source источник

Ответы (1)


arrow_upward
8
arrow_downward

http://localhost:35729 — это адрес сервера перезагрузки в реальном времени, а не вашего веб-сайта. Ваш веб-сайт по-прежнему должен обслуживаться с собственного адреса/порта, например http://localhost:8000. Либо через задачу grunt-contrib-connect, либо какой-нибудь другой сервер node.js, либо какой-нибудь сервер, обслуживающий файлы apache/nginx.

http://localhost:35729 используется только для загрузки скрипта перезагрузки в реальном времени на вашу страницу: <script src="http://localhost:35729/livereload.js"></script> а затем при изменении будет использовать веб-сокет для запуска и обновления вашей страницы на вашем веб-сайте.

person Kyle Robinson Young    schedule 22.10.2013