Kiel krei vojon kaŝnomo en SvelteKit kiel la lib-dosierujo

Difinante vojajn kaŝnomojn

Se vi volas renomi la "lib"-dosierujon, kiu estas difinita de SvelteKit defaŭlte, aŭ aldoni ajnan alian dosierujon por mallongaj importadoj, vi devas ĝisdatigi du agordojn.

tsconfig, por ke Typescript povu solvi vian importan kaŝnomon
via svelta-agordo, kiu ankaŭ devas koni la vojetajn kaŝnomojn

Kun ĉi tiuj ŝanĝoj, ĉiu dosierujo en "src" povas esti solvita per vojaj kaŝnomoj, kio signifas, ke vi ricevas mallongajn kaj simplajn importadojn.

Ĝisdatigante la tsconfig-dosieron

En ĉi tiu ekzemplo, mi aldonos novan dosierujon por mallongaj importadoj, sed la samaj ŝanĝoj validas se vi volas anstataŭigi "lib".

La sekva kodo montras ĝisdatigitan tsconfig.json, kie la "vojoj"-objekto estis plibonigita per mia nova dosierujo "msw", kiu estas mallongigo por "mokserva laboristo". Ĉi tiu dosierujo enhavas mian tutan MSW-rilatan kodon.

{
  "compilerOptions": {
    ...
    "paths": {
      "$lib": ["src/lib"],
      "$lib/*": ["src/lib/*"],
      "$msw": ["src/msw"],
      "$msw/*": ["src/msw/*"]
    }
  },
  ...
}

Ĝisdatigante la svelte-config

Nun kio restas estas ankaŭ ĝisdatigi la agordon kiu estas konsumita de SvelteKit, nomita "svelte.config.js". Ni simple devas ĝisdatigi la "vite"-objektan agordon. Notu, ke ni devas ankaŭ provizi la dosierujon "lib" eksplicite, ĉar nia personigo anstataŭas la defaŭltan, kio signifas, ke la dosierujo "lib" ne plu estus kaŝnomo.

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

/** @type {import('@sveltejs/kit').Config} */
const config = {
  // Consult https://github.com/sveltejs/svelte-preprocess
  // for more information about preprocessors
  preprocess: preprocess(),

  kit: {
    adapter: adapter(),
    vite: {
      resolve: {
        alias: {
          $msw: path.resolve("./src/msw"),
          $lib: path.resolve("./src/lib")
        }
      }
    }
  }
};

export default config;