Hot reload also for html?

[JaccoBeech]

Great extension, thanks!

Anyone has a tip to enable hotreload for html and php files?

I tried https://github.com/arnoson/vite-plugin-live-reload but didn't work

[JaccoBeech]

Aaah its working now. So cool, hotreload now too for html and php while developing. alwaysReload: true needed to be added.

import { defineConfig } from "vite"
import { dirname, resolve } from "node:path"
import { fileURLToPath } from "node:url"
import autoOrigin from "vite-plugin-auto-origin"
import liveReload from 'vite-plugin-live-reload'

// TYPO3 root path (relative to this config file)
const VITE_TYPO3_ROOT = "./";

// Vite input files (relative to TYPO3 root path)
const VITE_ENTRYPOINTS = [
  "extensions/site_package/Resources/Private/Assets/Main.entry.js",
];

// Output path for generated assets
const VITE_OUTPUT_PATH = "Web/_assets/vite/";

const currentDir = dirname(fileURLToPath(import.meta.url));
const rootPath = resolve(currentDir, VITE_TYPO3_ROOT);
export default defineConfig({
  base: "",
  build: {
    manifest: true,
    rollupOptions: {
      input: VITE_ENTRYPOINTS.map(entry => resolve(rootPath, entry)),
    },
    outDir: resolve(rootPath, VITE_OUTPUT_PATH),
  },
  css: {
    devSourcemap: true,
  },
  plugins: [
    autoOrigin(),
    liveReload(['extensions/**/*.php', 'extensions/**/*.html'], { alwaysReload: true })
  ],
  publicDir: false,
});