Как обновлять страницу при сохранении handlebars?

Question

[Danya Wyse]

Есть html документ который разбит на партиалсы, если их сохранять то браузер не обновляется сам, свойства ниже не работают

import { defineConfig } from "vite";
import { resolve, join, parse } from "path";
import handlebars from "vite-plugin-handlebars";
import registerPartial from "handlebars";

export default defineConfig({
  // project related config
  plugins: [
    [
      handlebars({
        partialDirectory: resolve(__dirname, "src/partials"),
        reloadOnPartialChange: true,
        reload: true,
      }),
    ],
  ],
});

Answer 1

[Danya Wyse]

Подключил функцию

export default function HandlebarUpdate() {
  return {
    name: "HandlebarUpdate",
    enforce: "post",
    handleHotUpdate({ file, server }) {
      if (file.endsWith(".hbs")) {
        console.log("reloading handlebar file...");
        server.ws.send({
          type: "full-reload",
          path: "*",
        });
      }
    },
  };
}

Затем в vite.config.js

import HandlebarUpdate from "./src/js/files/handlebarUpdate";
HandlebarUpdate(),

Comments

[kurdt94]

чет не работает ((
просто внутри vite.config запускаешь созданную функцию ?

[kurdt94]

Для будущих поколений, выше описанную функцию надо вставить в vite.config в plugins, сразу после описания handlebars()

plugins: [
		handlebars({
			context(pagePath) {
				return pageData[pagePath];
			},
			partialDirectory: partDirs,
			reloadOnPartialChange: true,
			reload: true,
			refresh: true,
		}),
		{
			handleHotUpdate({ file, server }) {
				if (file.endsWith(".hbs")) {
					server.ws.send({
						type: "full-reload",
						path: "*",
					});
				}
			},
		},
      ]