@nightlycommit/rollup-plugin-twig

A Rollup plugin for seamless integration between Rollup and Twig, fueled by Twing.

Requirements

This plugin requires at least Twing 6.0.0.

Installation

The recommended way to install the package is via npm:

npm install @nightlycommit/rollup-plugin-twig --save-dev
Copy

Note that Twing is a peer dependency of this plugin that needs to be installed separately.

Usage

Create a Rollup configuration file, import the plugin factory and add an instance to the list of plugins:

// rollup.config.mjs
import {createEnvironment, createFilesystemLoader} from 'twing';
import createTwigPlugin from '@nightlycommit/rollup-plugin-twig';
import * as fs from "fs";

const environment = createEnvironment(createFilesystemLoader(fs));

export default {
    input: 'src/index.js',
    output: {
        dir: 'output'
    },
    plugins: [
        createTwigPlugin(environment)
    ]
};
Copy

Then, in your JavaScript sources, import Twig files and execute the render method of the exported module:

import {render} from "../templates/index.twig";

render({}).then(console.log);
Copy

Note that to import Twig files in TypeScript sources, you need to make the compiler aware of the existence of the *.twig type by either referencing the type in the code...

/// <reference types="@nightlycommit/rollup-plugin-twig" />
import {render} from "../templates/index.twig";

render({}).then(console.log);
Copy

...or by adding <path to node_modules>/@nightlycommit/rollup-plugin-twig to the typeRoots entry of your TypeScript configuration, as explained there.

Plugin factory signature

type PluginFactory = (environment: TwingEnvironment, options?: {
    exclude?: string | Array<string>;
    include?: string | Array<string>;
}) => Plugin;
Copy

environment

An instance of TwingEnvironment capable of loading and parsing the templates.

options

exclude

A picomatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default, no files are ignored.

include

A picomatch pattern, or array of patterns, which specifies the files in the build the plugin should operate on. By default, all .twig files are targeted.

Twig module signature

Twig files imported using this plugin are exposed to your code in the form of templates with the following signature:

import type {TwingTemplate} from "twing";

interface Template {
    render: TwingTemplate["render"];
}
Copy

Please refer to Twing's documentation for more information.