@razor-webui/react-runtime-component-builder

CLI tool to bundle React components into a runtime-pluggable library using Vite

Features

• Automatic discovery of component entry files (*.tsx/*.jsx) in a folder
• Vite-powered library build for each component
• Outputs an ES module per component for runtime loading
• Configurable via CLI arguments

Installation

Install globally to use the CLI anywhere:

npm install --location=global @razorrisk/react-runtime-component-builder

Or use via npx without installing:

npx @razorrisk/react-runtime-component-builder <components-folder> <output-folder>

Usage

react-runtime-component-builder componentsRootFolder outputFolder

where componentsRootFolder is the path to your components directory (e.g. ./src/components) and outputFolder is the path to where you want to place the build components (e.g. ./dist/externals)

Example

Assuming you have:

my-app/
└── src/
    └── components/
        ├── Button.tsx
        └── Modal.jsx

Run:

npx @razorrisk/react-runtime-component-builder ./src/components ./dist/externals

Output will be placed in ./externals-dist (by default), containing:

externals-dist/
├── Button.js
└── Modal.js