דעפינירן דרך ייליאַסיז
אויב איר ווילן צו רענאַמע די "ליב" טעקע וואָס איז דיפיינד דורך SvelteKit דורך פעליקייַט אָדער לייגן קיין אנדערע וועגווייַזער פֿאַר קורץ ימפּאָרץ, איר מוזן דערהייַנטיקן צוויי קאַנפיגיעריישאַנז.
- tsconfig, אַזוי אַז Typescript קענען האַלטן דיין אַרייַנפיר אַליאַס
- דיין svelte-config, וואָס אויך דאַרף וויסן דעם דרך ייליאַסיז
מיט די ענדערונגען, יעדער וועגווייַזער אין "src" קענען זיין ריזאַלווד דורך דרך ייליאַסיז, וואָס מיטל איר באַקומען קורץ און פּשוט ימפּאָרץ.
אַפּדייטינג די tsconfig-טעקע
אין דעם בייַשפּיל, איך וועט לייגן אַ נייַע וועגווייַזער פֿאַר קורץ ימפּאָרץ, אָבער די זעלבע ענדערונגען אַפּלייז אויב איר ווילן צו פאַרבייַטן "ליב".
די פאלגענדע קאָד ווייזט אַ דערהייַנטיקט tsconfig.json, ווו די "פּאַטס"-אָבדזשעקט איז ימפּרוווד מיט מיין נייַע וועגווייַזער "msw", וואָס איז אַ אַבריווייישאַן פֿאַר "שאָט סערוויס אַרבעטער". דער טעקע כּולל אַלע מיין MSW שייַכות קאָד.
{
"compilerOptions": {
...
"paths": {
"$lib": ["src/lib"],
"$lib/*": ["src/lib/*"],
"$msw": ["src/msw"],
"$msw/*": ["src/msw/*"]
}
},
...
}
אַפּדייטינג די svelte-config
איצט וואָס איז לינקס איז אויך דערהייַנטיקן די קאַנפיגיעריישאַן וואָס איז קאַנסומד דורך SvelteKit, געהייסן "svelte.config.js". מיר נאָר האָבן צו דערהייַנטיקן די קאַנפיגיעריישאַן פון די "וויט"-אָבדזשעקט. באַמערקונג אַז מיר מוזן אויך צושטעלן די "ליב" טעקע בפירוש, ווייַל אונדזער קוסטאָמיזאַטיאָן אָווועררייד די פעליקייַט, וואָס מיטל אַז די "ליב" טעקע וואָלט נישט זיין אַן אַליאַס מער.
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;
מסקנא
און דאָס איז עס! מיט די קליין ענדערונגען, איר קענען נוצן קיין טעקע אין "src" מיט דרך ייליאַסיז פֿאַר ריין און פּשוט ימפּאָרץ.