Get started

Install

npm

npm install --save-dev ractive-html-loader

pnpm

pnpm add --save-dev ractive-html-loader

yarn

yarn add --dev ractive-html-loader

bun

bun add --dev ractive-html-loader

Add loader to webpack config

Add the loader to your webpack config. For example:

// webpack.config.js
module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.rhtml$/i,
        loader: 'ractive-html-loader',
        options: {
          /* ... */
        },
      },
    ],
  },
  // ...
};

Usage

Then import template file in your code

import template from './file.rhtml';

const Cmp = Ractive.extend({
  template,
});

class Cmp extends Ractive {
  /* ... */
}

Ractive.extendWith(Cmp, {
  template,
});