How to add a simple live reload?

Consider this super simple codebase

app/
  index.html
  main.ts

app/
  index.html
  main.ts

// main.ts
const content = Deno.readTextFileSync("./index.html");

Deno.serve(() => new Response(content, {
        headers: { "Content-Type": "text/html" },
    })
);

// main.ts
const content = Deno.readTextFileSync("./index.html");

Deno.serve(() => new Response(content, {
        headers: { "Content-Type": "text/html" },
    })
);

// index.html
<p>Hello world</p>

// index.html
<p>Hello world</p>

Then I run

deno run -A -r --watch main.ts

deno run -A -r --watch main.ts

http://localhost:8000/

http://localhost:8000/

will correctly serve my html content but how can I enable somekind of live reload where if I edit my

index.html

index.html

in VSCode it will effectively show the updated

index.html

index.html

in my browser?

thanks

Deno•16mo ago•

29 replies

Kevin Tale

How to add a simple live reload?

Consider this super simple codebase

app/
  index.html
  main.ts

app/
  index.html
  main.ts

// main.ts
const content = Deno.readTextFileSync("./index.html");

Deno.serve(() => new Response(content, {
        headers: { "Content-Type": "text/html" },
    })
);

// main.ts
const content = Deno.readTextFileSync("./index.html");

Deno.serve(() => new Response(content, {
        headers: { "Content-Type": "text/html" },
    })
);

// index.html
<p>Hello world</p>

// index.html
<p>Hello world</p>

Then I run

deno run -A -r --watch main.ts

deno run -A -r --watch main.ts

http://localhost:8000/

http://localhost:8000/

will correctly serve my html content but how can I enable somekind of live reload where if I edit my

index.html

index.html

in VSCode it will effectively show the updated

index.html

index.html

in my browser?

thanks

How to add a simple live reload?

Similar Threads

How to add a simple live reload?

Similar Threads

Similar Threads

Similar Threads