esbuild-plugin-exodra

编译Exodra JSX/TSX的esbuild插件esbuild的内置JSX处理是 对Exodra来说是错误的-它在运行时将JSX降低到每个元素调用一次并抛出 名称空间 on: 听众的方言使用-所以这委托给 babel-preset-exodra的 共享的运行器、相同的管道Vite、Rollup和Jest使用。

安装

npm install --save-dev esbuild-plugin-exodra

用法

import * as esbuild from 'esbuild';
import { exodra } from 'esbuild-plugin-exodra';

await esbuild.build({
  entryPoints: ['src/main.tsx'],
  bundle: true,
  outfile: 'dist/main.js',
  plugins: [exodra()],
});

tsup

// tsup.config.ts
import { defineConfig } from 'tsup';
import { exodra } from 'esbuild-plugin-exodra';

export default defineConfig({
  entry: ['src/main.tsx'],
  esbuildPlugins: [exodra()],
});

选项

• filter - - - - - - RegExp 要编译的文件。默认的 /\.[jt]sx$/。
• schemaSource -模式工厂(createExoNamedSchema)是从。默认的 @exodra/core。

方言—— exoJsx(($) => <markup/>) 模式声明，文字属性 作为标记，每个端口都命名为它所在的位置(data-id={$.id}， {$.label}， onClick={$.toggle}， <$.rows />) -编译到模块级 createExoNamedSchema() 机器填满了它们的端口。 看到 babel-preset-exodra 和 @exodra/babel-plugin-schema。