Question

我正试图在编译打字稿时重新加载浏览器。它正确地观察文件并编译它们但我无法弄清楚如何重新加载浏览器。我尝试在各个地方设置livereload: true但没有运气。我离开了我在下面试过的各种livereload部分。我一次尝试一次，一起尝试。

module.exports = function (grunt) {
    grunt.loadNpmTasks('grunt-typescript');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-livereload');
    grunt.loadNpmTasks('grunt-contrib-connect');
    grunt.loadNpmTasks('grunt-open');

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        connect: {
            server: {
                options: {
                    port: 8181,
                    livereload: true,
                }
            }
        },
        typescript: {
            base: {
                src: ['js/src/**/*.ts'],
                dest: 'js/main.js',
                options: {
                    module: 'amd',
                    target: 'es5',
                    livereload: true
                }
            }
        },
        watch: {
            files: 'js/src/**/*.ts',
            tasks: ['typescript'],        
            options: {
                livereload: true,
            }
        },
        open: {
            dev: {
                path: 'http://localhost:8181/index.html',
                app: 'chrome'
            }
        }
    });

    grunt.registerTask('default', ['typescript', 'connect', 'open', 'watch']);
};

Answer 1

确保您按照说明here的说明包含实时重新加载脚本。一个例子是在body的末尾包含此脚本（假设默认端口）：

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

在Windows上用咕噜声和打字稿重新加载

1 个答案: