⚡️💡 ViteEta

IMPORTANT

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

sample configuration file

1import { defineConfig } from "vite";
2import vituum from "vituum";
3import viteEta from "vite-eta";
4
5export default defineConfig({
6  plugins: [
7    vituum({
8      pages: {
9        dir: "./src/pages",
10      },
11      formats: ["json", "eta"],
12    }),
13    viteEta()
14  ],
15  build: {
16    emptyOutDir: true,
17    rollupOptions: {
18      // give the file path from root
19      input: [
20        "./src/scripts/**/*.{js,ts}",
21        "./src/pages/**/*.{json,latte,twig,liquid,njk,hbs,pug,eta,html}",
22        "!./src/pages/**/*.{latte,twig,liquid,njk,hbs,pug,eta,html}.json",
23      ],
24    },
25    // If you don't want to do polyfill for module preload
26    modulePreload: false,
27  },
28});

sample configuration file with specifying root dir

1import { defineConfig } from "vite";
2import vituum from "vituum";
3import viteEta from "vite-eta";
4
5export default defineConfig({
6  root: "./src",
7  plugins: [
8    vituum({
9      pages: {
10        dir: "./pages",
11      },
12      formats: ["json", "eta"],
13    }),
14    viteEta()
15  ],
16  publicDir: "../public",
17  build: {
18    emptyOutDir: true,
19    rollupOptions: {
20      // give the file path from root
21      input: [
22        "./scripts/**/*.{js,ts}",
23        "./pages/**/*.{json,latte,twig,liquid,njk,hbs,pug,eta,html}",
24        "!./pages/**/*.{latte,twig,liquid,njk,hbs,pug,eta,html}.json",
25      ],
26    },
27    // If you don't want to do polyfill for module preload
28    modulePreload: false,
29  },
30});

Basic usage

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

Requirements

• Node.js LTS (16.x)
• Vite