Custom index.html

[AsuraKev]

Hi there,

Does the framework support custom index.html and allow ejs like syntax in it? A use case would be to include certain html header element based on the configuration value or environment variable. Would be to know if we are able to make some variables available to read from within index.html. Below is an example of Vite use case:

Ejs condition in index.html (Read variable injected in vite.config.ts)

Vite config provide variables

thanks! :)

[chenjiahan]

Modern.js supports EJS syntax by default, you can refer to this document: https://modernjs.dev/en/guides/basic-features/html.html#html-syntax

[chenjiahan]

Sorry I shared a bad link...the correct link is https://modernjs.dev/en/guides/basic-features/html.html#html-syntax

[chenjiahan]

You can create an /config/html/index.html file and it will replace the default HTML template.

[AsuraKev]

Awesome @chenjiahan. How about create a /src/document.tsx? Will that override default index.html

[chenjiahan]

Of course, /src/Document.tsx will override the default index.html too.

[AsuraKev]

thanks for the quick response!