For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt, and this page is available as Markdown at /zh/api/react-rsbuild-plugin.compatvisitorconfig.addcomponentelement.md.
这是开发预览网站。请访问正式文档 lynxjs.org
  • 简体中文

      • Home > @lynx-js/react-rsbuild-plugin > CompatVisitorConfig > addComponentElement

      CompatVisitorConfig.addComponentElement property

      Controls whether to add wrapper elements for components

      Signature:

      addComponentElement: boolean | AddComponentElementConfig

      Default Value

      false

      Example 1

      Add a <view> wrapper element for all components during runtime.

      import { defineConfig } from '@lynx-js/rspeedy'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'

export default defineConfig({
  plugins: [
    pluginReactLynx({
      compat: {
        addComponentElement: true
      },
    })
  ],
})

      Example 2

      Only add component element during compilation. Note that this only take effects on Component imported from CompatVisitorConfig.oldRuntimePkg.

      import { defineConfig } from '@lynx-js/rspeedy'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'

export default defineConfig({
  plugins: [
    pluginReactLynx({
      compat: {
        addComponentElement: { compilerOnly: true }
      },
    })
  ],
})