Deno Web Serve

Template repo with this structure: https://github.com/pagoru/deno-web-serve-template

File structure

/.env
/dev.ts
/main.ts
/public/index.html
/src/main.tsx
/src/assets/…

.env

ENVIRONMENT=DEVELOPMENT

dev.ts

import { load } from 'deno/dotenv/mod.ts';

const env = await load();
Object.keys(env).forEach(key => Deno.env.set(key, env[key]));

await import('./main.ts');

main.ts

import { webServe } from 'https://deno.land/x/deno_web_serve/mod.ts';

/*
port: 8080,
entryFile: 'main.tsx',
minify: true,
externals: []
 */
await webServe(
  8080, 
  "main.tsx", 
  true, 
  []
);

/public/index.html

<html>
    <head>
        ...
        <link rel="stylesheet" href="/styles.css">
    </head>
    ...
    <!-- SCRIPT_ENVS -->
    <script type="text/javascript" src="/bundle.js"></script>
    <!-- SCRIPT_FOOTER -->
</html>