Guide
API
CHANGELOG
About
Guide
简体中文

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

CompatVisitorConfig.addComponentElement property

Controls whether to add wrapper elements for components

Signature:

addComponentElement: boolean | AddComponentElementConfig

Remarks

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 }
      },
    })
  ],
})