#Interface: DefineDceVisitorConfig

Like define in various bundlers, but this one happens at transform time, and a DCE pass will be performed.

#Properties

#define

define: Record<string, string>

Replaces variables in your code with other values or expressions at compile time.

#Remarks

Caveat: differences between source.define

defineDCE happens before transforming background-only directives. So it's useful for eliminating code that is only used in the background from main-thread.

#Example

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

export default defineConfig({
  plugins: [
    pluginReactLynx({
      defineDCE: {
        define: {
          __FOO__: 'false',
          'process.env.PLATFORM': '"lynx"',
        },
      },
    })
  ],
})

Then, __FOO__ and process.env.PLATFORM could be used in source code.

if (process.env.PLATFORM === 'lynx') {
  console.log('lynx')
}

function FooOrBar() {
  if (__FOO__) {
    return <text>foo</text>
  } else {
    return <text>bar</text>
  }
}