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';

await webServe({
    port: 8080,
    indexFileName: 'main.tsx',
    minify: false,
    externals: [],
    envs: ['ENVIRONMENT']
});

/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>