简体中文

html.mountId

默认情况下，HTML 模板中包含了 root 节点用于组件挂载，通过 mountId 可以修改该节点的 id。

<body>
  <div id="root"></div>
</body>

示例

修改 DOM 挂载节点 id 为 app：

rsbuild.config.ts

export default {
  html: {
    mountId: 'app',
  },
};

编译后：

<body>
  <div id="app"></div>
</body>

在修改 mountId 后，如果你的代码中有获取 root 根节点的逻辑，请更新对应的值：

const domNode = document.getElementById('root'); 
const domNode = document.getElementById('app'); 

ReactDOM.createRoot(domNode).render(<App />);

如果你自定义了 HTML 模板，请确保模板中包含 <div id="<%= mountId %>"></div>，否则 mountId 配置项无法生效。