First, install globally:
npm i -g tserver
Go to your project root directory and start the server there
tserver
Option | Argument | Default |
---|---|---|
-p, --port |
Specify which port tserver should run on e.g 4001
|
6001 |
-m, --mode |
Specify server reload mode hmr or no-hmr
|
hmr |
-g, --global |
Save other passed options as default |
Open http://localhost:6001 with your browser to see the result.
You can start editing the page by modifying any file in your app directory. The page auto-updates as you edit the file.
To cleanup side effects that might keep running after invalidation e.g setTimeout
create a function named _tserver_cleanup${module}
containing how to cleanup side effect and tserver will call it automatically
const module = change.replace("/", "").replace(".js", "");
const cleanup = `__tserver_cleanup_${module}`;
typeof (window as any)[cleanup] !== "undefined" &&
await(window as any)[cleanup]();
Add a way to persist state between replacements