Lynx

安装和配置 Lynx 。

创建项目

Lynx 文档

添加 Canyon 及其配置

💡

Tip

Lynx编译器默认使用swc。插件配置相关文档


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

配置 swc 插件

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

就是这样

继续查看第一个覆盖率数据 - 检查。