Snowpack Setup

The @ruby2js/snowpack-plugin lets you compile .rb.js files to JavaScript via Snowpack.

For testing, create a new, example Snowpack project. For now, all you need to do is the following steps from that tutorial:

• Install Snowpack
• Snowpack’s development server
• Using JavaScript

Installing the ruby2js plugin

Install the plugin using npm or yarn:

$ npm install @ruby2js/snowpack-plugin
$ yarn add @ruby2js/snowpack-plugin

Configure the plugin by placing the following into snowpack.config.js:

module.exports = {
  plugins: [
    ["@ruby2js/snowpack-plugin", {
      eslevel: 2020,
      autoexports: true,
      filters: ["camelCase", "functions", "esm"]
    }]
  ]
}

See Ruby2JS Options docs for a list of available options.

Restart the snowpack server to pick up the configuration changes.

Test the plugin

Delete hello-world.js.

Create hello-world.rb.js with the following contents:

def hello_world
  puts "Hello Ruby World!"
end

Check your console on your Snowpack site. You should see “Hello Ruby World!” Try making a change to the module.