ruby2js@ruby2js/vite-plugin
Integration between Vite and Ruby2JS
Description
Since Vite supports both rollup and vite plugins, this plugin can be used interchangeably with the Ruby2JS Rollup plugin with if there the use of a refresh plugin is not needed.
What this plugin does is integrate Ruby2JS with the refresh process. In order to do this, the refresh plugin you would normally use needs to be passed as an option to the Ruby2JS plugin rather than included as a separate plugin. An example of this usage follows below.
Installation
npm install --save-dev @ruby2js/vite-plugin
# or
yarn add -D @ruby2js/vite-pluginUsage
The following is a example of a vite.config.js file configured for use with
the React refresh plugin. Note the addition of .rb and .js.rb extensions
to resolve.extensions and the passing of the reactRefresh plugin as a
refresh option to the @ruby2js/vite-plugin.
import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
import ruby2js from '@ruby2js/vite-plugin';
export default defineConfig({
resolve: {
extensions: ['.rb', '.js.rb'].concat(
['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json']
)
},
plugins: [
ruby2js({
refresh: reactRefresh(),
eslevel: 2021,
autoexports: 'default',
filters: ['react', 'esm', 'functions']
})
]
})