@intlayer/docs 8.3.0-canary.4 → 8.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/ar/compiler.md +84 -49
- package/docs/ar/configuration.md +80 -37
- package/docs/ar/intlayer_with_nextjs_16.md +174 -1
- package/docs/ar/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/ar/intlayer_with_react_router_v7.md +224 -1
- package/docs/ar/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/ar/intlayer_with_svelte_kit.md +175 -2
- package/docs/ar/intlayer_with_tanstack.md +176 -1
- package/docs/ar/intlayer_with_vite+preact.md +174 -1
- package/docs/ar/intlayer_with_vite+react.md +174 -1
- package/docs/ar/intlayer_with_vite+solid.md +174 -1
- package/docs/ar/intlayer_with_vite+svelte.md +174 -1
- package/docs/ar/intlayer_with_vite+vue.md +174 -1
- package/docs/de/compiler.md +83 -48
- package/docs/de/configuration.md +434 -212
- package/docs/de/intlayer_with_nextjs_16.md +176 -1
- package/docs/de/intlayer_with_nextjs_compiler.md +106 -349
- package/docs/de/intlayer_with_react_router_v7.md +225 -2
- package/docs/de/intlayer_with_react_router_v7_fs_routes.md +221 -79
- package/docs/de/intlayer_with_svelte_kit.md +158 -2
- package/docs/de/intlayer_with_tanstack.md +159 -1
- package/docs/de/intlayer_with_vite+preact.md +157 -1
- package/docs/de/intlayer_with_vite+react.md +157 -1
- package/docs/de/intlayer_with_vite+solid.md +159 -3
- package/docs/de/intlayer_with_vite+svelte.md +157 -1
- package/docs/de/intlayer_with_vite+vue.md +157 -1
- package/docs/en/compiler.md +60 -33
- package/docs/en/configuration.md +80 -57
- package/docs/en/intlayer_with_nextjs_16.md +176 -0
- package/docs/en/intlayer_with_nextjs_compiler.md +179 -1
- package/docs/en/intlayer_with_react_router_v7.md +159 -0
- package/docs/en/intlayer_with_react_router_v7_fs_routes.md +159 -0
- package/docs/en/intlayer_with_svelte_kit.md +159 -0
- package/docs/en/intlayer_with_tanstack.md +160 -1
- package/docs/en/intlayer_with_vite+preact.md +159 -0
- package/docs/en/intlayer_with_vite+react.md +159 -0
- package/docs/en/intlayer_with_vite+solid.md +148 -27
- package/docs/en/intlayer_with_vite+svelte.md +159 -0
- package/docs/en/intlayer_with_vite+vue.md +142 -41
- package/docs/en-GB/compiler.md +66 -34
- package/docs/en-GB/configuration.md +78 -36
- package/docs/es/compiler.md +83 -48
- package/docs/es/configuration.md +429 -206
- package/docs/es/intlayer_with_adonisjs.md +1 -1
- package/docs/es/intlayer_with_express.md +1 -1
- package/docs/es/intlayer_with_fastify.md +1 -1
- package/docs/es/intlayer_with_hono.md +1 -1
- package/docs/es/intlayer_with_nestjs.md +1 -1
- package/docs/es/intlayer_with_nextjs_16.md +176 -3
- package/docs/es/intlayer_with_nextjs_compiler.md +175 -2
- package/docs/es/intlayer_with_nuxt.md +1 -1
- package/docs/es/intlayer_with_react_router_v7.md +227 -4
- package/docs/es/intlayer_with_react_router_v7_fs_routes.md +162 -4
- package/docs/es/intlayer_with_svelte_kit.md +158 -2
- package/docs/es/intlayer_with_tanstack.md +160 -2
- package/docs/es/intlayer_with_vite+preact.md +162 -6
- package/docs/es/intlayer_with_vite+react.md +160 -4
- package/docs/es/intlayer_with_vite+solid.md +163 -7
- package/docs/es/intlayer_with_vite+svelte.md +157 -1
- package/docs/es/intlayer_with_vite+vue.md +165 -9
- package/docs/fr/compiler.md +81 -46
- package/docs/fr/configuration.md +355 -134
- package/docs/fr/intlayer_with_adonisjs.md +1 -1
- package/docs/fr/intlayer_with_express.md +1 -1
- package/docs/fr/intlayer_with_fastify.md +1 -1
- package/docs/fr/intlayer_with_hono.md +1 -1
- package/docs/fr/intlayer_with_nestjs.md +1 -1
- package/docs/fr/intlayer_with_nextjs_16.md +183 -7
- package/docs/fr/intlayer_with_nextjs_compiler.md +179 -3
- package/docs/fr/intlayer_with_react_router_v7.md +229 -3
- package/docs/fr/intlayer_with_react_router_v7_fs_routes.md +237 -6
- package/docs/fr/intlayer_with_svelte_kit.md +158 -2
- package/docs/fr/intlayer_with_tanstack.md +159 -1
- package/docs/fr/intlayer_with_vite+preact.md +164 -8
- package/docs/fr/intlayer_with_vite+react.md +162 -6
- package/docs/fr/intlayer_with_vite+solid.md +163 -7
- package/docs/fr/intlayer_with_vite+svelte.md +157 -1
- package/docs/fr/intlayer_with_vite+vue.md +164 -8
- package/docs/hi/compiler.md +81 -46
- package/docs/hi/configuration.md +87 -44
- package/docs/hi/intlayer_with_nextjs_16.md +174 -1
- package/docs/hi/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/hi/intlayer_with_react_router_v7.md +224 -1
- package/docs/hi/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/hi/intlayer_with_svelte_kit.md +158 -2
- package/docs/hi/intlayer_with_tanstack.md +159 -1
- package/docs/hi/intlayer_with_vite+preact.md +157 -1
- package/docs/hi/intlayer_with_vite+react.md +157 -1
- package/docs/hi/intlayer_with_vite+solid.md +157 -1
- package/docs/hi/intlayer_with_vite+svelte.md +157 -1
- package/docs/hi/intlayer_with_vite+vue.md +157 -1
- package/docs/id/compiler.md +84 -51
- package/docs/id/configuration.md +83 -45
- package/docs/id/intlayer_with_nextjs_16.md +174 -1
- package/docs/id/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/id/intlayer_with_react_router_v7.md +224 -1
- package/docs/id/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/id/intlayer_with_svelte_kit.md +158 -2
- package/docs/id/intlayer_with_tanstack.md +159 -1
- package/docs/id/intlayer_with_vite+preact.md +157 -1
- package/docs/id/intlayer_with_vite+react.md +157 -1
- package/docs/id/intlayer_with_vite+solid.md +157 -1
- package/docs/id/intlayer_with_vite+svelte.md +157 -1
- package/docs/id/intlayer_with_vite+vue.md +157 -1
- package/docs/it/compiler.md +81 -46
- package/docs/it/configuration.md +426 -204
- package/docs/it/intlayer_with_nextjs_16.md +174 -1
- package/docs/it/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/it/intlayer_with_react_router_v7.md +225 -2
- package/docs/it/intlayer_with_react_router_v7_fs_routes.md +226 -2
- package/docs/it/intlayer_with_svelte_kit.md +158 -2
- package/docs/it/intlayer_with_tanstack.md +159 -1
- package/docs/it/intlayer_with_vite+preact.md +157 -1
- package/docs/it/intlayer_with_vite+react.md +157 -1
- package/docs/it/intlayer_with_vite+solid.md +159 -3
- package/docs/it/intlayer_with_vite+svelte.md +157 -1
- package/docs/it/intlayer_with_vite+vue.md +157 -1
- package/docs/ja/compiler.md +94 -58
- package/docs/ja/configuration.md +88 -45
- package/docs/ja/intlayer_with_nextjs_16.md +174 -1
- package/docs/ja/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/ja/intlayer_with_react_router_v7.md +184 -394
- package/docs/ja/intlayer_with_react_router_v7_fs_routes.md +226 -2
- package/docs/ja/intlayer_with_svelte_kit.md +119 -595
- package/docs/ja/intlayer_with_tanstack.md +131 -642
- package/docs/ja/intlayer_with_vite+preact.md +111 -1231
- package/docs/ja/intlayer_with_vite+react.md +129 -1304
- package/docs/ja/intlayer_with_vite+solid.md +159 -3
- package/docs/ja/intlayer_with_vite+svelte.md +157 -1
- package/docs/ja/intlayer_with_vite+vue.md +157 -1
- package/docs/ko/compiler.md +88 -52
- package/docs/ko/configuration.md +87 -44
- package/docs/ko/intlayer_with_nextjs_16.md +174 -1
- package/docs/ko/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/ko/intlayer_with_react_router_v7.md +225 -2
- package/docs/ko/intlayer_with_react_router_v7_fs_routes.md +226 -2
- package/docs/ko/intlayer_with_svelte_kit.md +158 -2
- package/docs/ko/intlayer_with_tanstack.md +159 -1
- package/docs/ko/intlayer_with_vite+preact.md +157 -1
- package/docs/ko/intlayer_with_vite+react.md +157 -1
- package/docs/ko/intlayer_with_vite+solid.md +159 -3
- package/docs/ko/intlayer_with_vite+svelte.md +157 -1
- package/docs/ko/intlayer_with_vite+vue.md +157 -1
- package/docs/pl/compiler.md +84 -51
- package/docs/pl/configuration.md +83 -37
- package/docs/pl/intlayer_with_nextjs_16.md +174 -1
- package/docs/pl/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/pl/intlayer_with_react_router_v7.md +224 -1
- package/docs/pl/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/pl/intlayer_with_svelte_kit.md +158 -2
- package/docs/pl/intlayer_with_tanstack.md +159 -1
- package/docs/pl/intlayer_with_vite+preact.md +157 -1
- package/docs/pl/intlayer_with_vite+react.md +157 -1
- package/docs/pl/intlayer_with_vite+solid.md +157 -1
- package/docs/pl/intlayer_with_vite+svelte.md +157 -1
- package/docs/pl/intlayer_with_vite+vue.md +157 -1
- package/docs/pt/compiler.md +81 -46
- package/docs/pt/configuration.md +404 -194
- package/docs/pt/intlayer_with_nextjs_16.md +174 -1
- package/docs/pt/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/pt/intlayer_with_react_router_v7.md +224 -1
- package/docs/pt/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/pt/intlayer_with_svelte_kit.md +158 -2
- package/docs/pt/intlayer_with_tanstack.md +159 -1
- package/docs/pt/intlayer_with_vite+preact.md +157 -1
- package/docs/pt/intlayer_with_vite+react.md +157 -1
- package/docs/pt/intlayer_with_vite+solid.md +157 -1
- package/docs/pt/intlayer_with_vite+svelte.md +157 -1
- package/docs/pt/intlayer_with_vite+vue.md +157 -1
- package/docs/ru/compiler.md +90 -57
- package/docs/ru/configuration.md +76 -46
- package/docs/ru/intlayer_with_nextjs_16.md +174 -1
- package/docs/ru/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/ru/intlayer_with_react_router_v7.md +224 -1
- package/docs/ru/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/ru/intlayer_with_svelte_kit.md +158 -2
- package/docs/ru/intlayer_with_tanstack.md +159 -1
- package/docs/ru/intlayer_with_vite+preact.md +157 -1
- package/docs/ru/intlayer_with_vite+react.md +157 -1
- package/docs/ru/intlayer_with_vite+solid.md +157 -1
- package/docs/ru/intlayer_with_vite+svelte.md +157 -1
- package/docs/ru/intlayer_with_vite+vue.md +157 -1
- package/docs/tr/compiler.md +85 -52
- package/docs/tr/configuration.md +83 -40
- package/docs/tr/intlayer_with_nextjs_16.md +174 -1
- package/docs/tr/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/tr/intlayer_with_react_router_v7.md +224 -1
- package/docs/tr/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/tr/intlayer_with_svelte_kit.md +158 -2
- package/docs/tr/intlayer_with_tanstack.md +159 -1
- package/docs/tr/intlayer_with_vite+preact.md +157 -1
- package/docs/tr/intlayer_with_vite+react.md +157 -1
- package/docs/tr/intlayer_with_vite+solid.md +157 -1
- package/docs/tr/intlayer_with_vite+svelte.md +157 -1
- package/docs/tr/intlayer_with_vite+vue.md +157 -1
- package/docs/uk/compiler.md +96 -61
- package/docs/uk/configuration.md +83 -37
- package/docs/uk/intlayer_with_nextjs_16.md +174 -1
- package/docs/uk/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/uk/intlayer_with_react_router_v7.md +224 -1
- package/docs/uk/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/uk/intlayer_with_svelte_kit.md +157 -1
- package/docs/uk/intlayer_with_tanstack.md +159 -1
- package/docs/uk/intlayer_with_vite+preact.md +157 -1
- package/docs/uk/intlayer_with_vite+react.md +157 -1
- package/docs/uk/intlayer_with_vite+solid.md +157 -1
- package/docs/uk/intlayer_with_vite+svelte.md +157 -1
- package/docs/uk/intlayer_with_vite+vue.md +157 -1
- package/docs/vi/compiler.md +85 -50
- package/docs/vi/configuration.md +85 -39
- package/docs/vi/intlayer_with_nextjs_16.md +174 -1
- package/docs/vi/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/vi/intlayer_with_react_router_v7.md +224 -1
- package/docs/vi/intlayer_with_react_router_v7_fs_routes.md +225 -1
- package/docs/vi/intlayer_with_svelte_kit.md +158 -2
- package/docs/vi/intlayer_with_tanstack.md +159 -1
- package/docs/vi/intlayer_with_vite+preact.md +157 -1
- package/docs/vi/intlayer_with_vite+react.md +157 -1
- package/docs/vi/intlayer_with_vite+solid.md +157 -1
- package/docs/vi/intlayer_with_vite+svelte.md +157 -1
- package/docs/vi/intlayer_with_vite+vue.md +157 -1
- package/docs/zh/compiler.md +84 -49
- package/docs/zh/configuration.md +80 -37
- package/docs/zh/intlayer_with_adonisjs.md +1 -1
- package/docs/zh/intlayer_with_express.md +1 -1
- package/docs/zh/intlayer_with_fastify.md +1 -1
- package/docs/zh/intlayer_with_hono.md +1 -1
- package/docs/zh/intlayer_with_nestjs.md +1 -1
- package/docs/zh/intlayer_with_nextjs_16.md +174 -1
- package/docs/zh/intlayer_with_nextjs_compiler.md +174 -1
- package/docs/zh/intlayer_with_react_router_v7.md +227 -4
- package/docs/zh/intlayer_with_react_router_v7_fs_routes.md +228 -4
- package/docs/zh/intlayer_with_svelte_kit.md +158 -2
- package/docs/zh/intlayer_with_tanstack.md +159 -1
- package/docs/zh/intlayer_with_vite+preact.md +159 -3
- package/docs/zh/intlayer_with_vite+react.md +157 -1
- package/docs/zh/intlayer_with_vite+solid.md +161 -5
- package/docs/zh/intlayer_with_vite+svelte.md +157 -1
- package/docs/zh/intlayer_with_vite+vue.md +158 -2
- package/package.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
createdAt: 2025-11-20
|
|
3
|
-
updatedAt:
|
|
3
|
+
updatedAt: 2026-03-12
|
|
4
4
|
title: SvelteKit i18n - Jak przetłumaczyć aplikację SvelteKit w 2026
|
|
5
5
|
description: Dowiedz się, jak uczynić swoją stronę SvelteKit wielojęzyczną. Postępuj zgodnie z dokumentacją, aby zinternacjonalizować (i18n) i przetłumaczyć ją za pomocą Server-Side Rendering (SSR).
|
|
6
6
|
keywords:
|
|
@@ -187,7 +187,7 @@ Teraz możesz użyć funkcji `useIntlayer` w dowolnym komponencie Svelte. Zwraca
|
|
|
187
187
|
|
|
188
188
|
> **Uwaga:** `useIntlayer` zwraca store Svelte, więc musisz użyć prefiksu `---
|
|
189
189
|
> createdAt: 2025-11-20
|
|
190
|
-
> updatedAt:
|
|
190
|
+
> updatedAt: 2026-03-12
|
|
191
191
|
> title: Jak przetłumaczyć swoją aplikację SvelteKit – przewodnik i18n 2026
|
|
192
192
|
> description: Dowiedz się, jak uczynić swoją stronę SvelteKit wielojęzyczną. Postępuj zgodnie z dokumentacją, aby zinternacjonalizować (i18n) i przetłumaczyć ją za pomocą Server-Side Rendering (SSR).
|
|
193
193
|
> keywords:
|
|
@@ -746,6 +746,162 @@ Zaleca się ignorowanie plików generowanych przez Intlayer.
|
|
|
746
746
|
|
|
747
747
|
---
|
|
748
748
|
|
|
749
|
+
### (Opcjonalnie) Krok 12 : Wyodrębnij zawartość swoich komponentów
|
|
750
|
+
|
|
751
|
+
Jeśli masz istniejącą bazę kodu, transformacja tysięcy plików może być czasochłonna.
|
|
752
|
+
|
|
753
|
+
Aby ułatwić ten proces, Intlayer proponuje [kompilator](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/compiler.md) / [ekstraktor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/cli/extract.md), aby przetransformować komponenty i wyodrębnić zawartość.
|
|
754
|
+
|
|
755
|
+
Aby go skonfigurować, możesz dodać sekcję `compiler` w pliku `intlayer.config.ts`:
|
|
756
|
+
|
|
757
|
+
```typescript fileName="intlayer.config.ts" codeFormat="typescript"
|
|
758
|
+
import { type IntlayerConfig } from "intlayer";
|
|
759
|
+
|
|
760
|
+
const config: IntlayerConfig = {
|
|
761
|
+
// ... Reszta Twojej konfiguracji
|
|
762
|
+
compiler: {
|
|
763
|
+
/**
|
|
764
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
765
|
+
*/
|
|
766
|
+
enabled: true,
|
|
767
|
+
|
|
768
|
+
/**
|
|
769
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
770
|
+
*/
|
|
771
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
772
|
+
|
|
773
|
+
/**
|
|
774
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
775
|
+
*/
|
|
776
|
+
saveComponents: false,
|
|
777
|
+
|
|
778
|
+
/**
|
|
779
|
+
* Prefiks klucza słownika
|
|
780
|
+
*/
|
|
781
|
+
dictionaryKeyPrefix: "",
|
|
782
|
+
},
|
|
783
|
+
};
|
|
784
|
+
|
|
785
|
+
export default config;
|
|
786
|
+
```
|
|
787
|
+
|
|
788
|
+
```javascript fileName="intlayer.config.mjs" codeFormat="esm"
|
|
789
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
790
|
+
const config = {
|
|
791
|
+
// ... Reszta Twojej konfiguracji
|
|
792
|
+
compiler: {
|
|
793
|
+
/**
|
|
794
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
795
|
+
*/
|
|
796
|
+
enabled: true,
|
|
797
|
+
|
|
798
|
+
/**
|
|
799
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
800
|
+
*/
|
|
801
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
802
|
+
|
|
803
|
+
/**
|
|
804
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
805
|
+
*/
|
|
806
|
+
saveComponents: false,
|
|
807
|
+
|
|
808
|
+
/**
|
|
809
|
+
* Prefiks klucza słownika
|
|
810
|
+
*/
|
|
811
|
+
dictionaryKeyPrefix: "",
|
|
812
|
+
},
|
|
813
|
+
};
|
|
814
|
+
|
|
815
|
+
export default config;
|
|
816
|
+
```
|
|
817
|
+
|
|
818
|
+
```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
|
|
819
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
820
|
+
const config = {
|
|
821
|
+
// ... Reszta Twojej konfiguracji
|
|
822
|
+
compiler: {
|
|
823
|
+
/**
|
|
824
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
825
|
+
*/
|
|
826
|
+
enabled: true,
|
|
827
|
+
|
|
828
|
+
/**
|
|
829
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
830
|
+
*/
|
|
831
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
832
|
+
|
|
833
|
+
/**
|
|
834
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
835
|
+
*/
|
|
836
|
+
saveComponents: false,
|
|
837
|
+
|
|
838
|
+
/**
|
|
839
|
+
* Prefiks klucza słownika
|
|
840
|
+
*/
|
|
841
|
+
dictionaryKeyPrefix: "",
|
|
842
|
+
},
|
|
843
|
+
};
|
|
844
|
+
|
|
845
|
+
module.exports = config;
|
|
846
|
+
```
|
|
847
|
+
|
|
848
|
+
<Tabs>
|
|
849
|
+
<Tab value='Polecenie wyodrębniania'>
|
|
850
|
+
|
|
851
|
+
Uruchom ekstraktor, aby przetransformować komponenty i wyodrębnić zawartość
|
|
852
|
+
|
|
853
|
+
```bash packageManager="npm"
|
|
854
|
+
npx intlayer extract
|
|
855
|
+
```
|
|
856
|
+
|
|
857
|
+
```bash packageManager="pnpm"
|
|
858
|
+
pnpm intlayer extract
|
|
859
|
+
```
|
|
860
|
+
|
|
861
|
+
```bash packageManager="yarn"
|
|
862
|
+
yarn intlayer extract
|
|
863
|
+
```
|
|
864
|
+
|
|
865
|
+
```bash packageManager="bun"
|
|
866
|
+
bunx intlayer extract
|
|
867
|
+
```
|
|
868
|
+
|
|
869
|
+
</Tab>
|
|
870
|
+
<Tab value='Kompilator Babel'>
|
|
871
|
+
|
|
872
|
+
Zaktualizuj `vite.config.ts`, aby dołączyć wtyczkę `intlayerCompiler`:
|
|
873
|
+
|
|
874
|
+
```ts fileName="vite.config.ts"
|
|
875
|
+
import { defineConfig } from "vite";
|
|
876
|
+
import { intlayer, intlayerCompiler } from "vite-intlayer";
|
|
877
|
+
|
|
878
|
+
export default defineConfig({
|
|
879
|
+
plugins: [
|
|
880
|
+
intlayer(),
|
|
881
|
+
intlayerCompiler(), // Dodaje wtyczkę kompilatora
|
|
882
|
+
],
|
|
883
|
+
});
|
|
884
|
+
```
|
|
885
|
+
|
|
886
|
+
```bash packageManager="npm"
|
|
887
|
+
npm run build # Lub npm run dev
|
|
888
|
+
```
|
|
889
|
+
|
|
890
|
+
```bash packageManager="pnpm"
|
|
891
|
+
pnpm run build # Or pnpm run dev
|
|
892
|
+
```
|
|
893
|
+
|
|
894
|
+
```bash packageManager="yarn"
|
|
895
|
+
yarn build # Or yarn dev
|
|
896
|
+
```
|
|
897
|
+
|
|
898
|
+
```bash packageManager="bun"
|
|
899
|
+
bun run build # Or bun run dev
|
|
900
|
+
```
|
|
901
|
+
|
|
902
|
+
</Tab>
|
|
903
|
+
</Tabs>
|
|
904
|
+
|
|
749
905
|
### Idź dalej
|
|
750
906
|
|
|
751
907
|
- **Edytor wizualny**: Zintegruj [Intlayer Visual Editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_visual_editor.md), aby edytować tłumaczenia bezpośrednio z interfejsu użytkownika.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
createdAt: 2025-09-09
|
|
3
|
-
updatedAt:
|
|
3
|
+
updatedAt: 2026-03-12
|
|
4
4
|
title: Tanstack Start i18n - Jak przetłumaczyć aplikację Tanstack Start w 2026
|
|
5
5
|
description: Dowiedz się, jak dodać internacjonalizację (i18n) do swojej aplikacji Tanstack Start za pomocą Intlayer. Postępuj zgodnie z tym kompleksowym przewodnikiem, aby uczynić swoją aplikację wielojęzyczną z routingiem uwzględniającym lokalizację.
|
|
6
6
|
keywords:
|
|
@@ -773,6 +773,164 @@ Upewnij się, że Twoja konfiguracja TypeScript zawiera automatycznie generowane
|
|
|
773
773
|
|
|
774
774
|
---
|
|
775
775
|
|
|
776
|
+
### (Opcjonalnie) Krok 17 : Wyodrębnij zawartość swoich komponentów
|
|
777
|
+
|
|
778
|
+
Jeśli masz istniejącą bazę kodu, transformacja tysięcy plików może być czasochłonna.
|
|
779
|
+
|
|
780
|
+
Aby ułatwić ten proces, Intlayer proponuje [kompilator](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/compiler.md) / [ekstraktor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/cli/extract.md), aby przetransformować komponenty i wyodrębnić zawartość.
|
|
781
|
+
|
|
782
|
+
Aby go skonfigurować, możesz dodać sekcję `compiler` w pliku `intlayer.config.ts`:
|
|
783
|
+
|
|
784
|
+
```typescript fileName="intlayer.config.ts" codeFormat="typescript"
|
|
785
|
+
import { type IntlayerConfig } from "intlayer";
|
|
786
|
+
|
|
787
|
+
const config: IntlayerConfig = {
|
|
788
|
+
// ... Reszta Twojej konfiguracji
|
|
789
|
+
compiler: {
|
|
790
|
+
/**
|
|
791
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
792
|
+
*/
|
|
793
|
+
enabled: true,
|
|
794
|
+
|
|
795
|
+
/**
|
|
796
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
797
|
+
*/
|
|
798
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
799
|
+
|
|
800
|
+
/**
|
|
801
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
802
|
+
*/
|
|
803
|
+
saveComponents: false,
|
|
804
|
+
|
|
805
|
+
/**
|
|
806
|
+
* Prefiks klucza słownika
|
|
807
|
+
*/
|
|
808
|
+
dictionaryKeyPrefix: "",
|
|
809
|
+
},
|
|
810
|
+
};
|
|
811
|
+
|
|
812
|
+
export default config;
|
|
813
|
+
```
|
|
814
|
+
|
|
815
|
+
```javascript fileName="intlayer.config.mjs" codeFormat="esm"
|
|
816
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
817
|
+
const config = {
|
|
818
|
+
// ... Reszta Twojej konfiguracji
|
|
819
|
+
compiler: {
|
|
820
|
+
/**
|
|
821
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
822
|
+
*/
|
|
823
|
+
enabled: true,
|
|
824
|
+
|
|
825
|
+
/**
|
|
826
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
827
|
+
*/
|
|
828
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
829
|
+
|
|
830
|
+
/**
|
|
831
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
832
|
+
*/
|
|
833
|
+
saveComponents: false,
|
|
834
|
+
|
|
835
|
+
/**
|
|
836
|
+
* Prefiks klucza słownika
|
|
837
|
+
*/
|
|
838
|
+
dictionaryKeyPrefix: "",
|
|
839
|
+
},
|
|
840
|
+
};
|
|
841
|
+
|
|
842
|
+
export default config;
|
|
843
|
+
```
|
|
844
|
+
|
|
845
|
+
```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
|
|
846
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
847
|
+
const config = {
|
|
848
|
+
// ... Reszta Twojej konfiguracji
|
|
849
|
+
compiler: {
|
|
850
|
+
/**
|
|
851
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
852
|
+
*/
|
|
853
|
+
enabled: true,
|
|
854
|
+
|
|
855
|
+
/**
|
|
856
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
857
|
+
*/
|
|
858
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
859
|
+
|
|
860
|
+
/**
|
|
861
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
862
|
+
*/
|
|
863
|
+
saveComponents: false,
|
|
864
|
+
|
|
865
|
+
/**
|
|
866
|
+
* Prefiks klucza słownika
|
|
867
|
+
*/
|
|
868
|
+
dictionaryKeyPrefix: "",
|
|
869
|
+
},
|
|
870
|
+
};
|
|
871
|
+
|
|
872
|
+
module.exports = config;
|
|
873
|
+
```
|
|
874
|
+
|
|
875
|
+
<Tabs>
|
|
876
|
+
<Tab value='Polecenie wyodrębniania'>
|
|
877
|
+
|
|
878
|
+
Uruchom ekstraktor, aby przetransformować komponenty i wyodrębnić zawartość
|
|
879
|
+
|
|
880
|
+
```bash packageManager="npm"
|
|
881
|
+
npx intlayer extract
|
|
882
|
+
```
|
|
883
|
+
|
|
884
|
+
```bash packageManager="pnpm"
|
|
885
|
+
pnpm intlayer extract
|
|
886
|
+
```
|
|
887
|
+
|
|
888
|
+
```bash packageManager="yarn"
|
|
889
|
+
yarn intlayer extract
|
|
890
|
+
```
|
|
891
|
+
|
|
892
|
+
```bash packageManager="bun"
|
|
893
|
+
bunx intlayer extract
|
|
894
|
+
```
|
|
895
|
+
|
|
896
|
+
</Tab>
|
|
897
|
+
<Tab value='Kompilator Babel'>
|
|
898
|
+
|
|
899
|
+
Zaktualizuj `vite.config.ts`, aby dołączyć wtyczkę `intlayerCompiler`:
|
|
900
|
+
|
|
901
|
+
```ts fileName="vite.config.ts"
|
|
902
|
+
import { defineConfig } from "vite";
|
|
903
|
+
import { intlayer, intlayerCompiler } from "vite-intlayer";
|
|
904
|
+
|
|
905
|
+
export default defineConfig({
|
|
906
|
+
plugins: [
|
|
907
|
+
intlayer(),
|
|
908
|
+
intlayerCompiler(), // Dodaje wtyczkę kompilatora
|
|
909
|
+
],
|
|
910
|
+
});
|
|
911
|
+
```
|
|
912
|
+
|
|
913
|
+
```bash packageManager="npm"
|
|
914
|
+
npm run build # Lub npm run dev
|
|
915
|
+
```
|
|
916
|
+
|
|
917
|
+
```bash packageManager="pnpm"
|
|
918
|
+
pnpm run build # Or pnpm run dev
|
|
919
|
+
```
|
|
920
|
+
|
|
921
|
+
```bash packageManager="yarn"
|
|
922
|
+
yarn build # Or yarn dev
|
|
923
|
+
```
|
|
924
|
+
|
|
925
|
+
```bash packageManager="bun"
|
|
926
|
+
bun run build # Or bun run dev
|
|
927
|
+
```
|
|
928
|
+
|
|
929
|
+
</Tab>
|
|
930
|
+
</Tabs>
|
|
931
|
+
|
|
932
|
+
---
|
|
933
|
+
|
|
776
934
|
### Konfiguracja Git
|
|
777
935
|
|
|
778
936
|
Zaleca się ignorowanie plików generowanych przez Intlayer. Pozwala to uniknąć ich zatwierdzania do repozytorium Git.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
createdAt: 2025-04-18
|
|
3
|
-
updatedAt:
|
|
3
|
+
updatedAt: 2026-03-12
|
|
4
4
|
title: Vite + Preact i18n - Jak przetłumaczyć aplikację Preact w 2026
|
|
5
5
|
description: Dowiedz się, jak uczynić swoją stronę Vite i Preact wielojęzyczną. Postępuj zgodnie z dokumentacją, aby zinternacjonalizować (i18n) i przetłumaczyć ją.
|
|
6
6
|
keywords:
|
|
@@ -1362,6 +1362,162 @@ Więcej szczegółów na temat korzystania z rozszerzenia znajdziesz w [dokument
|
|
|
1362
1362
|
|
|
1363
1363
|
---
|
|
1364
1364
|
|
|
1365
|
+
### (Opcjonalnie) Krok 12 : Wyodrębnij zawartość swoich komponentów
|
|
1366
|
+
|
|
1367
|
+
Jeśli masz istniejącą bazę kodu, transformacja tysięcy plików może być czasochłonna.
|
|
1368
|
+
|
|
1369
|
+
Aby ułatwić ten proces, Intlayer proponuje [kompilator](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/compiler.md) / [ekstraktor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/cli/extract.md), aby przetransformować komponenty i wyodrębnić zawartość.
|
|
1370
|
+
|
|
1371
|
+
Aby go skonfigurować, możesz dodać sekcję `compiler` w pliku `intlayer.config.ts`:
|
|
1372
|
+
|
|
1373
|
+
```typescript fileName="intlayer.config.ts" codeFormat="typescript"
|
|
1374
|
+
import { type IntlayerConfig } from "intlayer";
|
|
1375
|
+
|
|
1376
|
+
const config: IntlayerConfig = {
|
|
1377
|
+
// ... Reszta Twojej konfiguracji
|
|
1378
|
+
compiler: {
|
|
1379
|
+
/**
|
|
1380
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1381
|
+
*/
|
|
1382
|
+
enabled: true,
|
|
1383
|
+
|
|
1384
|
+
/**
|
|
1385
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1386
|
+
*/
|
|
1387
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1388
|
+
|
|
1389
|
+
/**
|
|
1390
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1391
|
+
*/
|
|
1392
|
+
saveComponents: false,
|
|
1393
|
+
|
|
1394
|
+
/**
|
|
1395
|
+
* Prefiks klucza słownika
|
|
1396
|
+
*/
|
|
1397
|
+
dictionaryKeyPrefix: "",
|
|
1398
|
+
},
|
|
1399
|
+
};
|
|
1400
|
+
|
|
1401
|
+
export default config;
|
|
1402
|
+
```
|
|
1403
|
+
|
|
1404
|
+
```javascript fileName="intlayer.config.mjs" codeFormat="esm"
|
|
1405
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
1406
|
+
const config = {
|
|
1407
|
+
// ... Reszta Twojej konfiguracji
|
|
1408
|
+
compiler: {
|
|
1409
|
+
/**
|
|
1410
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1411
|
+
*/
|
|
1412
|
+
enabled: true,
|
|
1413
|
+
|
|
1414
|
+
/**
|
|
1415
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1416
|
+
*/
|
|
1417
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1418
|
+
|
|
1419
|
+
/**
|
|
1420
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1421
|
+
*/
|
|
1422
|
+
saveComponents: false,
|
|
1423
|
+
|
|
1424
|
+
/**
|
|
1425
|
+
* Prefiks klucza słownika
|
|
1426
|
+
*/
|
|
1427
|
+
dictionaryKeyPrefix: "",
|
|
1428
|
+
},
|
|
1429
|
+
};
|
|
1430
|
+
|
|
1431
|
+
export default config;
|
|
1432
|
+
```
|
|
1433
|
+
|
|
1434
|
+
```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
|
|
1435
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
1436
|
+
const config = {
|
|
1437
|
+
// ... Reszta Twojej konfiguracji
|
|
1438
|
+
compiler: {
|
|
1439
|
+
/**
|
|
1440
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1441
|
+
*/
|
|
1442
|
+
enabled: true,
|
|
1443
|
+
|
|
1444
|
+
/**
|
|
1445
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1446
|
+
*/
|
|
1447
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1448
|
+
|
|
1449
|
+
/**
|
|
1450
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1451
|
+
*/
|
|
1452
|
+
saveComponents: false,
|
|
1453
|
+
|
|
1454
|
+
/**
|
|
1455
|
+
* Prefiks klucza słownika
|
|
1456
|
+
*/
|
|
1457
|
+
dictionaryKeyPrefix: "",
|
|
1458
|
+
},
|
|
1459
|
+
};
|
|
1460
|
+
|
|
1461
|
+
module.exports = config;
|
|
1462
|
+
```
|
|
1463
|
+
|
|
1464
|
+
<Tabs>
|
|
1465
|
+
<Tab value='Polecenie wyodrębniania'>
|
|
1466
|
+
|
|
1467
|
+
Uruchom ekstraktor, aby przetransformować komponenty i wyodrębnić zawartość
|
|
1468
|
+
|
|
1469
|
+
```bash packageManager="npm"
|
|
1470
|
+
npx intlayer extract
|
|
1471
|
+
```
|
|
1472
|
+
|
|
1473
|
+
```bash packageManager="pnpm"
|
|
1474
|
+
pnpm intlayer extract
|
|
1475
|
+
```
|
|
1476
|
+
|
|
1477
|
+
```bash packageManager="yarn"
|
|
1478
|
+
yarn intlayer extract
|
|
1479
|
+
```
|
|
1480
|
+
|
|
1481
|
+
```bash packageManager="bun"
|
|
1482
|
+
bunx intlayer extract
|
|
1483
|
+
```
|
|
1484
|
+
|
|
1485
|
+
</Tab>
|
|
1486
|
+
<Tab value='Kompilator Babel'>
|
|
1487
|
+
|
|
1488
|
+
Zaktualizuj `vite.config.ts`, aby dołączyć wtyczkę `intlayerCompiler`:
|
|
1489
|
+
|
|
1490
|
+
```ts fileName="vite.config.ts"
|
|
1491
|
+
import { defineConfig } from "vite";
|
|
1492
|
+
import { intlayer, intlayerCompiler } from "vite-intlayer";
|
|
1493
|
+
|
|
1494
|
+
export default defineConfig({
|
|
1495
|
+
plugins: [
|
|
1496
|
+
intlayer(),
|
|
1497
|
+
intlayerCompiler(), // Dodaje wtyczkę kompilatora
|
|
1498
|
+
],
|
|
1499
|
+
});
|
|
1500
|
+
```
|
|
1501
|
+
|
|
1502
|
+
```bash packageManager="npm"
|
|
1503
|
+
npm run build # Lub npm run dev
|
|
1504
|
+
```
|
|
1505
|
+
|
|
1506
|
+
```bash packageManager="pnpm"
|
|
1507
|
+
pnpm run build # Or pnpm run dev
|
|
1508
|
+
```
|
|
1509
|
+
|
|
1510
|
+
```bash packageManager="yarn"
|
|
1511
|
+
yarn build # Or yarn dev
|
|
1512
|
+
```
|
|
1513
|
+
|
|
1514
|
+
```bash packageManager="bun"
|
|
1515
|
+
bun run build # Or bun run dev
|
|
1516
|
+
```
|
|
1517
|
+
|
|
1518
|
+
</Tab>
|
|
1519
|
+
</Tabs>
|
|
1520
|
+
|
|
1365
1521
|
### Idź dalej
|
|
1366
1522
|
|
|
1367
1523
|
Aby pójść dalej, możesz zaimplementować [edytor wizualny](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_visual_editor.md) lub wyeksportować swoją treść za pomocą [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_CMS.md).
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
createdAt: 2024-03-07
|
|
3
|
-
updatedAt:
|
|
3
|
+
updatedAt: 2026-03-12
|
|
4
4
|
title: Vite + React i18n - Jak przetłumaczyć aplikację React w 2026
|
|
5
5
|
description: Dowiedz się, jak dodać internacjonalizację (i18n) do swojej aplikacji Vite i React za pomocą Intlayer. Postępuj zgodnie z tym przewodnikiem, aby uczynić swoją aplikację wielojęzyczną.
|
|
6
6
|
keywords:
|
|
@@ -1451,6 +1451,162 @@ Aby uzyskać więcej informacji na temat korzystania z rozszerzenia, zapoznaj si
|
|
|
1451
1451
|
|
|
1452
1452
|
---
|
|
1453
1453
|
|
|
1454
|
+
### (Opcjonalnie) Krok 11 : Wyodrębnij zawartość swoich komponentów
|
|
1455
|
+
|
|
1456
|
+
Jeśli masz istniejącą bazę kodu, transformacja tysięcy plików może być czasochłonna.
|
|
1457
|
+
|
|
1458
|
+
Aby ułatwić ten proces, Intlayer proponuje [kompilator](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/compiler.md) / [ekstraktor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/cli/extract.md), aby przetransformować komponenty i wyodrębnić zawartość.
|
|
1459
|
+
|
|
1460
|
+
Aby go skonfigurować, możesz dodać sekcję `compiler` w pliku `intlayer.config.ts`:
|
|
1461
|
+
|
|
1462
|
+
```typescript fileName="intlayer.config.ts" codeFormat="typescript"
|
|
1463
|
+
import { type IntlayerConfig } from "intlayer";
|
|
1464
|
+
|
|
1465
|
+
const config: IntlayerConfig = {
|
|
1466
|
+
// ... Reszta Twojej konfiguracji
|
|
1467
|
+
compiler: {
|
|
1468
|
+
/**
|
|
1469
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1470
|
+
*/
|
|
1471
|
+
enabled: true,
|
|
1472
|
+
|
|
1473
|
+
/**
|
|
1474
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1475
|
+
*/
|
|
1476
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1477
|
+
|
|
1478
|
+
/**
|
|
1479
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1480
|
+
*/
|
|
1481
|
+
saveComponents: false,
|
|
1482
|
+
|
|
1483
|
+
/**
|
|
1484
|
+
* Prefiks klucza słownika
|
|
1485
|
+
*/
|
|
1486
|
+
dictionaryKeyPrefix: "",
|
|
1487
|
+
},
|
|
1488
|
+
};
|
|
1489
|
+
|
|
1490
|
+
export default config;
|
|
1491
|
+
```
|
|
1492
|
+
|
|
1493
|
+
```javascript fileName="intlayer.config.mjs" codeFormat="esm"
|
|
1494
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
1495
|
+
const config = {
|
|
1496
|
+
// ... Reszta Twojej konfiguracji
|
|
1497
|
+
compiler: {
|
|
1498
|
+
/**
|
|
1499
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1500
|
+
*/
|
|
1501
|
+
enabled: true,
|
|
1502
|
+
|
|
1503
|
+
/**
|
|
1504
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1505
|
+
*/
|
|
1506
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1507
|
+
|
|
1508
|
+
/**
|
|
1509
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1510
|
+
*/
|
|
1511
|
+
saveComponents: false,
|
|
1512
|
+
|
|
1513
|
+
/**
|
|
1514
|
+
* Prefiks klucza słownika
|
|
1515
|
+
*/
|
|
1516
|
+
dictionaryKeyPrefix: "",
|
|
1517
|
+
},
|
|
1518
|
+
};
|
|
1519
|
+
|
|
1520
|
+
export default config;
|
|
1521
|
+
```
|
|
1522
|
+
|
|
1523
|
+
```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
|
|
1524
|
+
/** @type {import('intlayer').IntlayerConfig} */
|
|
1525
|
+
const config = {
|
|
1526
|
+
// ... Reszta Twojej konfiguracji
|
|
1527
|
+
compiler: {
|
|
1528
|
+
/**
|
|
1529
|
+
* Wskazuje, czy kompilator powinien być włączony.
|
|
1530
|
+
*/
|
|
1531
|
+
enabled: true,
|
|
1532
|
+
|
|
1533
|
+
/**
|
|
1534
|
+
* Definiuje ścieżkę plików wyjściowych
|
|
1535
|
+
*/
|
|
1536
|
+
output: ({ fileName, extension }) => `./${fileName}${extension}`,
|
|
1537
|
+
|
|
1538
|
+
/**
|
|
1539
|
+
* Wskazuje, czy komponenty powinny zostać zapisane po transformacji. W ten sposób kompilator można uruchomić tylko raz, aby przetransformować aplikację, a następnie go usunąć.
|
|
1540
|
+
*/
|
|
1541
|
+
saveComponents: false,
|
|
1542
|
+
|
|
1543
|
+
/**
|
|
1544
|
+
* Prefiks klucza słownika
|
|
1545
|
+
*/
|
|
1546
|
+
dictionaryKeyPrefix: "",
|
|
1547
|
+
},
|
|
1548
|
+
};
|
|
1549
|
+
|
|
1550
|
+
module.exports = config;
|
|
1551
|
+
```
|
|
1552
|
+
|
|
1553
|
+
<Tabs>
|
|
1554
|
+
<Tab value='Polecenie wyodrębniania'>
|
|
1555
|
+
|
|
1556
|
+
Uruchom ekstraktor, aby przetransformować komponenty i wyodrębnić zawartość
|
|
1557
|
+
|
|
1558
|
+
```bash packageManager="npm"
|
|
1559
|
+
npx intlayer extract
|
|
1560
|
+
```
|
|
1561
|
+
|
|
1562
|
+
```bash packageManager="pnpm"
|
|
1563
|
+
pnpm intlayer extract
|
|
1564
|
+
```
|
|
1565
|
+
|
|
1566
|
+
```bash packageManager="yarn"
|
|
1567
|
+
yarn intlayer extract
|
|
1568
|
+
```
|
|
1569
|
+
|
|
1570
|
+
```bash packageManager="bun"
|
|
1571
|
+
bunx intlayer extract
|
|
1572
|
+
```
|
|
1573
|
+
|
|
1574
|
+
</Tab>
|
|
1575
|
+
<Tab value='Kompilator Babel'>
|
|
1576
|
+
|
|
1577
|
+
Zaktualizuj `vite.config.ts`, aby dołączyć wtyczkę `intlayerCompiler`:
|
|
1578
|
+
|
|
1579
|
+
```ts fileName="vite.config.ts"
|
|
1580
|
+
import { defineConfig } from "vite";
|
|
1581
|
+
import { intlayer, intlayerCompiler } from "vite-intlayer";
|
|
1582
|
+
|
|
1583
|
+
export default defineConfig({
|
|
1584
|
+
plugins: [
|
|
1585
|
+
intlayer(),
|
|
1586
|
+
intlayerCompiler(), // Dodaje wtyczkę kompilatora
|
|
1587
|
+
],
|
|
1588
|
+
});
|
|
1589
|
+
```
|
|
1590
|
+
|
|
1591
|
+
```bash packageManager="npm"
|
|
1592
|
+
npm run build # Lub npm run dev
|
|
1593
|
+
```
|
|
1594
|
+
|
|
1595
|
+
```bash packageManager="pnpm"
|
|
1596
|
+
pnpm run build # Or pnpm run dev
|
|
1597
|
+
```
|
|
1598
|
+
|
|
1599
|
+
```bash packageManager="yarn"
|
|
1600
|
+
yarn build # Or yarn dev
|
|
1601
|
+
```
|
|
1602
|
+
|
|
1603
|
+
```bash packageManager="bun"
|
|
1604
|
+
bun run build # Or bun run dev
|
|
1605
|
+
```
|
|
1606
|
+
|
|
1607
|
+
</Tab>
|
|
1608
|
+
</Tabs>
|
|
1609
|
+
|
|
1454
1610
|
### Idź dalej
|
|
1455
1611
|
|
|
1456
1612
|
Aby pójść dalej, możesz zaimplementować [edytor wizualny](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_visual_editor.md) lub wyodrębnić swoją zawartość, korzystając z [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/intlayer_CMS.md).
|