@ruby2js/vite-plugin

    0.0.3 • Public • Published

    @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-plugin

    Usage

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

    Install

    npm i @ruby2js/vite-plugin

    DownloadsWeekly Downloads

    0

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    2.82 kB

    Total Files

    4

    Last publish

    Collaborators

    • rubys
    • jaredwhite