html.mountId
- Type:
string - Default:
'root'
By default, the root element is included in the HTML template for component mounting. The element id can be modified through mountId.
<body>
<div id="root"></div>
</body>Example
Set the id to app:
rsbuild.config.ts
export default {
html: {
mountId: 'app',
},
};After compilation:
<body>
<div id="app"></div>
</body>Notes
Update relevant code
After modifying mountId, if there is logic in your code to obtain the root root node, please update the corresponding value:
const domNode = document.getElementById('root');
const domNode = document.getElementById('app');
ReactDOM.createRoot(domNode).render(<App />);Custom templates
If you've customized the HTML template, please make sure that the template contains <div id="<%= mountId %>"></div>, otherwise the mountId config will not take effect.