vite-plugin-relay-lite weekly downloads statistics

vite-plugin-relay-lite

Vite plugin for more convenient Relay experience. With no Babel dependencies!

What this plugin does for you: • Generates artifacts on code changes • Transform codes without Babel plugin • Respects project's Relay config file

[!WARNING] This plugin uses naive RegExp match instead of performing correct parsing for JavaScript. So it can fail on syntax that goes beyond the scope of a regular language. (e.g. queries in multiline comments)

Installation

Customize Options

Customize Relay Config

Plugin will automatically load the Relay config file.

You can use custom config file path.

Or pass config object.

ES Module Output

Plugin respects the eagerEsModules option in the Relay config, so the default output format is esmodule.

The plugin also supports CommonJS outputs with eagerEsModules set to false or module: 'esmodule' in plugin options. However, using CommonJS in Vite projects may require additional config to transpile, and it's not recommended to use.

Relay Compiler Integration

Plugin automatically runs relay-compiler before transform, so it should be installed in the project.

Or you can set the codegen option to false to disable it.

Plugin respects the codegenCommand option in the Relay config, it uses relay-compiler if not set.

(Experimental) Omit graphql tag imports

You can set omitTagImport: true to omit import/require statements for the graphql tag.

This might causes the Vite build to fail, allowing early detection of potential transform errors.

Acknowledgements

The compilation has ported from esbuild-plugin-relay, which was originally introduced from a gist by Samuel Cormier-Iijima

LICENSE

MIT

Description from the npm listing.