.env.dist dosyasının içeriğini kopyalayarak .env.dev ve .env.prod dosyalarını kök dizinde oluşturun.
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" }
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" }
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.
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ı.
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.