Add more framework integrations to docs

This commit is contained in:
Tuan Dang
2022-11-28 22:34:31 -05:00
parent 3ece5a0390
commit 4f5ad07ace
10 changed files with 86 additions and 10 deletions

View File

@@ -0,0 +1,40 @@
---
title: "Vite"
---
Prerequisite: [Install the CLI](/cli/overview)
## Initialize Infisical for your [Vite](https://vitejs.dev) app
```bash
# move to your Vite app
cd /path/to/project
# initialize infisical
infisical init
```
## Modify the start script in your `package.json`
```json
...
"scripts": {
"dev": "infisical run -- vite",
"build": "infisical run -- vite build",
"preview": "infisical run -- vite preview"
}
...
```
## Start your development server with environment variables injected
```bash
npm run dev
```
<Note>
Note that for environment variables to be exposed to the client, you'll have
to prefix them with `VITE_` and export them from the `vite.config.js` file.
Read more about that [here](https://vitejs.dev/guide/env-and-mode.html) and
[here](https://main.vitejs.dev/config).
</Note>