Ortamlar

.env.dist dosyasının içeriğini kopyalayarak .env.dev ve .env.prod dosyalarını kök dizinde oluşturun.

Yerel Ortam Konfigürasyonu

Vite dev ortamı konfigürasyon örneği;

VITE_DEFAULT_LOCALE=en
VITE_FALLBACK_LOCALE=en
VITE_SUPPORTED_LOCALES=en,tr
VITE_API_URL=http://example.local/api
VITE_HCAPTCHA_SITE_KEY=
VITE_SESSION_UPDATE_TIME=5
VITE_COOKIE={ "token": "_local_demo_token", "user": "_local_demo_user" }

Üretim Ortamı Konfigurasyonu

Vite prod ortamı konfigürasyon örneği;

VITE_DEFAULT_LOCALE=tr
VITE_FALLBACK_LOCALE=en
VITE_SUPPORTED_LOCALES=en,tr
VITE_API_URL=https://example.com/api
VITE_HCAPTCHA_SITE_KEY=
VITE_SESSION_UPDATE_TIME=5
VITE_COOKIE={ "token": "_demo_token", "user": "_demo_user" }

Nasıl Çalışıyor ?

package.json dosyanızda tanımlı olan dev ve build komutları yukarıda oluşturduğumuz ortamlar için tanımlıdır.

"scripts": {
    "dev": "vite --host --mode dev",
    "build": "vite build --mode prod",
    "preview": "vite preview",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
},

Sadece konsola gidin ve geliştirme ortamı için dev, prodüksiyon ortamına çıktı almak içinse build komutunu çalıştırın.

Dev

Yerel ortamda uygulamayı başlatır.

npm run dev

Yerel bir bilgisayarınızda çalışıyorsanız http://localhost:3000 adresini, eğer yerel sanal bir sunucu üzerinde çalışıyorsanız sunucunuzun IP adresini tarayıcınıza http://192.168.231.129:3000 gibi yazıp uygulamanızı ziyaret edebilirsiniz. Eğer yerel bir alan adı oluşturduysanız ziyaret edeceğiniz adres http://mydomain.local:3000 gibi bir adres olmalı.

Build

Bu komut ile produksiyon ortamı için derlenen javascript dosyalarınız /dist klasörü altına ihraç edilir.

npm run build

Son aşamada uygulamanızın çalışması için tek yapmanız gereken ihtaç edilen dosyaları kopyalayıp web sitenizde yayınlamak.