close
  • English

      • 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.