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

以上です

最初のカバレッジデータ - 確認に進んでください。