I'm using ejs as my template engine with node.js, and I'm using ejs as different components for my pages, e.g. homepage might be composed of header.ejs + sidebar.ejs + main.ejs, each representing a different part of the page.

Each ejs file has its own CSS and JavaScript, and I'm using script tag and style tag in these ejs files directly.

This works fine now, but the rendered HTML looks kind of weird, e.g. there might be <style> tags and <script> tags alternate in several place of HTML body.

I'm wondering would this cause some kind of async execution problem, or any unexpected error, or would it works fine due to hoisting.