lc-bun-plugin

Some useful plugins for bun bundler.

• bunPluginLess - A less compiler plugin
• bunPluginHtml - Use one html template for multi entry points
• bunPluginSvg - Import svg as raw string

Usage

Just use it like any other bun plugin.

import { bunPluginLess, bunPluginHtml, bunPluginSvg } from "lc-bun-plugin";
import path from "path";

async function main() {
    const BunPluginLess = bunPluginLess({
        sourceMap: { sourceMapFileInline: true },
        // extra config: https://lesscss.org/usage/#programmatic-usage
    });
    const buildConfig = {
        // bunPluginHtml not support .html as entry point
        // you can use .js or .mjs
        entrypoints: ["./index.js"],
        outdir: "./dist",
        plugins: [BunPluginLess, bunPluginSvg()],
    };
    const { outputs } = await Bun.build();
    // has to be called after bun.build()
    bunPluginHtml({
        templatePath: path.join(process.cwd(), "front/template.html"),
        // I need to known the output path to inject the bundle path
        outputs,
        // I also need to known the build config to inject built assets
        buildConfig,
    });
}
main();

Or you can find an example in 'playground/build.mjs';