Lynx

Install and configure Lynx.

Create Project

Lynx documentation

Add Canyon and Its Configuration

Tip

The Lynx compiler uses swc by default. Plugin configuration documentation here


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


pnpm add swc-plugin-coverage-instrument swc-plugin-canyon -D


yarn add swc-plugin-coverage-instrument swc-plugin-canyon --dev


bun add swc-plugin-coverage-instrument swc-plugin-canyon --dev

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.