Skip to Content
DocumentationInstallationLynx

Lynx

Install and configure Lynx.

Create Project

Lynx  documentation

Add Canyon and its Configuration

💡
Tip

Lynx compiler uses swc by default. For plugin configuration, please check the documentation 

npm install swc-plugin-coverage-instrument swc-plugin-canyon -D

Configure SWC Plugin

lynx.config.ts
import { defineConfig } from '@lynx-js/rspeedy'
import { pluginQRCode } from '@lynx-js/qrcode-rsbuild-plugin'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
 
export default defineConfig({
  plugins: [
    pluginQRCode({
      schema(url) {
        return `${url}?fullscreen=true`
      },
    }),
    pluginReactLynx(),
  ],
  tools:{
    swc:{
      jsc:{
        experimental:{
          plugins:[
              ['swc-plugin-coverage-instrument',{}],
              ['swc-plugin-canyon',{}]
          ]
        }
      }
    }
  }
})

That’s It

Continue to First Coverage Data - Check.

PageNext.js