Vite

---

AI and DevOps: Heads Up

AI can be pretty bad at everything devops related.

That includes doing project configuration with Vite, Webpack, Linter, Prettier and the likes.

---

Docs

https://vite.dev/guide/

---

Getting Started In Dev Environment

npm create vite@latest

cd my-project

npm install

npm run dev

---

Build

npm run build

Then locally preview your build: npm run preview

https://v4.vitejs.dev/guide/static-deploy.html

---

HTTPS on localhost

npm install -D @vitejs/plugin-basic-ssl

import basicSsl from '@vitejs/plugin-basic-ssl'

export default { plugins: [ basicSsl() ] }

https://stackoverflow.com/questions/69417788/vite-https-on-localhost

---

Env Variables and Modes

Debugging

1. Make sure your .env file is in the root of your project. Not in the src folder.

2. Make sure your variables start with VITE_

https://vite.dev/guide/env-and-mode

Read more in dedicated notes "nodejs environment variables"

---

Migrate to Vite from Create React App (CRA)

https://www.robinwieruch.de/vite-create-react-app/

---