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.tsdeno 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.htmlindex.html in VSCode it will effectively show the updated index.htmlindex.html in my browser?

thanks

Deno•17mo 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>

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

Deno

Chat about Deno, a modern runtime for JavaScript and TypeScript.

20,934 Members

Join

How to add a simple live reload?

How to add a simple live reload?

Continue the conversation

Deno

Continue the conversation

Deno

Similar Threads