You can also use the <uxp-panel panelid="xyz">
element in your HTML file (not quite “assigning its own HTML file”, but with the same effect) to achieve this without JS:
<!-- […] -->
<body>
<uxp-panel panelid="firstPanel">
Hello Panel 1
</uxp-panel>
<uxp-panel panelid="secondPanel">
Hello Panel 2
</uxp-panel>
</body>
And register both entrypoints (with matching IDs) as entrypoints
in your manifest.json
:
{
...,
"entrypoints": [
{ "type": "panel", "id": "firstPanel", ... },
{ "type": "panel", "id": "secondPanel", ... }
]
}
Credit for discovering / telling me about this goes to @Jarda