/vite-plugin-eta

⚡️📉 Vite plugin for ETA, transforms ETA templates into HTML

Primary LanguageJavaScriptMIT LicenseMIT

npm package node compatility

⚡️💡 ViteEta

IMPORTANT

This project uses Vituum, make sure you add it to the list of plugins in the vite config file

sample configuration file

import { defineConfig } from "vite";
import vituum from "vituum";
import viteEta from "vite-eta";

export default defineConfig({
  plugins: [
    vituum({
      pages: {
        dir: "./src/pages",
      },
      formats: ["json", "eta"],
    }),
    viteEta()
  ],
  build: {
    emptyOutDir: true,
    rollupOptions: {
      // give the file path from root
      input: [
        "./src/scripts/**/*.{js,ts}",
        "./src/pages/**/*.{json,latte,twig,liquid,njk,hbs,pug,eta,html}",
        "!./src/pages/**/*.{latte,twig,liquid,njk,hbs,pug,eta,html}.json",
      ],
    },
    // If you don't want to do polyfill for module preload
    modulePreload: false,
  },
});

sample configuration file with specifying root dir

import { defineConfig } from "vite";
import vituum from "vituum";
import viteEta from "vite-eta";

export default defineConfig({
  root: "./src",
  plugins: [
    vituum({
      pages: {
        dir: "./pages",
      },
      formats: ["json", "eta"],
    }),
    viteEta()
  ],
  publicDir: "../public",
  build: {
    emptyOutDir: true,
    rollupOptions: {
      // give the file path from root
      input: [
        "./scripts/**/*.{js,ts}",
        "./pages/**/*.{json,latte,twig,liquid,njk,hbs,pug,eta,html}",
        "!./pages/**/*.{latte,twig,liquid,njk,hbs,pug,eta,html}.json",
      ],
    },
    // If you don't want to do polyfill for module preload
    modulePreload: false,
  },
});

Basic usage

<h1><%= console.log('-------- ETA works with Vite! --------') %></h1>

Requirements