סעטאַפּ HMR פֿאַר SvelteKit מיט Gitpod

סוועלטעקיט און גיטפּאָד

אויב איר ווילט צו נוצן SvelteKit און זיין "הייס מאָדולע רעלאָאַדינג" אין Gitpod, אַ קליין ענדערונג אין דיין קאַנפיגיעריישאַן איז פארלאנגט צו מאַכן עס אַרבעט. אויב ניט, איר וועט מיסטאָמע דערפאַרונג אַ רילאָוד געשעעניש יעדער ביסל סעקונדעס אַנשטאָט פון בלויז ווען איר ראַטעווען ענדערונגען.

ניצן Vite's HMR אין Gitpod

די פאלגענדע קאָד סניפּאַט ווייזט אַ פּשוט קאַנפיגיעריישאַן, ווו מיר טוישן די טייל וואָס איז באַטייַטיק פֿאַר Vite צו אַרבעטן.

מיר בייסיקלי זאָגן Vite ווי אונדזער URL אַקשלי קוקט און וואָס פּראָטאָקאָל צו נוצן, ווייַל מיר דאַרפֿן צו מאַכן זיכער צו נוצן WebSocket און נישט HTTPS אין דעם קאָנטעקסט פון Gitpod.

import adapter from "@sveltejs/adapter-auto";
import preprocess from "svelte-preprocess";

/** @type {import('@sveltejs/kit').Config} */
const config = {
  preprocess: preprocess(),
  kit: {
    adapter: adapter(),
    vite: {
      server: {
        // Configure Vite for HMR with Gitpod.
        hmr: process.env.GITPOD_WORKSPACE_URL
          ? {
              // Due to port fowarding, we have to replace
              // 'https' with the forwarded port, as this
              // is the URI created by Gitpod.
              host: process.env.GITPOD_WORKSPACE_URL.replace("https://", "3000-"),
              protocol: "wss",
              clientPort: 443
            }
          : true
      }
    }
  }
};

export default config;

מיט דעם קליין ענדערונג, די אַנטוויקלונג פון דיין ווייַטער PWA מיט SvelteKit אַרבעט בישליימעס אין Gitpod!