using the arttemplate template engine to build the project, one page is now very large, with 38 modules requiring data requests and rendering html, but if you simply use reqire ("template", data)), the page will be segmented too much

 activity.html 
<div id="moudle-1">

</div>
<div id="moudle-2">

</div>
<div id="moudle-3">

</div>
<div id="moudle-4">

</div>
.... 

let template1 = require("@templates/1.html",data1);
let template2 = require("@templates/2.html",data2);
let template3 = require("@templates/3.html",data3);
let template4 = require("@templates/4.html",data4);
...

is there any way to use the arttemplate template engine syntax directly in the activity.html page to render the html, efficiently, or how to reduce the number of splits, even if each module does the sharding?