ReactLynx logoReactLynx logo
ReactLynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

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 }
      },
    })
  ],
})
除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。