Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amrbashir/vite-plugin-tauri
Integrate Tauri in a Vite project to build cross-platform apps.
https://github.com/amrbashir/vite-plugin-tauri
Last synced: about 2 months ago
JSON representation
Integrate Tauri in a Vite project to build cross-platform apps.
- Host: GitHub
- URL: https://github.com/amrbashir/vite-plugin-tauri
- Owner: amrbashir
- License: mit
- Created: 2021-12-12T18:42:50.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-10T01:07:14.000Z (6 months ago)
- Last Synced: 2023-12-11T01:43:15.944Z (6 months ago)
- Language: TypeScript
- Size: 1.58 MB
- Stars: 135
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Lists
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-tauri - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Development / Integrations)
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-viter - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
- awesome-vite - vite-plugin-tauri - Integrate Tauri in a Vite project to build cross-platform apps. (Plugins / Framework-agnostic Plugins)
README
[](https://techforpalestine.org/learn-more)
# vite-plugin-tauri
Integrate [Tauri](https://github.com/tauri-apps/tauri) in a [Vite](https://github.com/vitejs/vite) project to build cross-platform apps
[](https://www.npmjs.com/package/vite-plugin-tauri)
## Install
> Make sure to [setup your environment](https://tauri.studio/en/docs/getting-started/intro#setting-up-your-environment) for Tauri development.
```sh
# pnpm
pnpm add -D vite-plugin-tauri @tauri-apps/cli
# yarn
yarn add -D vite-plugin-tauri @tauri-apps/cli
# npm
npm i -D vite-plugin-tauri @tauri-apps/cli
```
## Usage
```ts
// vite.config.js
import { defineConfig } from "vite";
import tauri from "vite-plugin-tauri"; // 1. import the plugin
export default defineConfig({
plugins: [
tauri(), // 2. add it to the plugins list
],
// 3. optional but recommended
clearScreen: false,
server: {
open: false,
},
});
```
## Tauri CLI arguments
You can pass arguments to the tauri CLI by prefixing the args with `-- -t/--tauri`, for example:
```sh
pnpm dev -- -t --verbose --release
```
The `--` is necessary, otherwise `vite` will crash with unkown CLI argument and `-t` or `--tauri` marks the start of the tauri arguments.
## Advanced Usage
### Using a separate config for Tauri
You can also use a separate config file to add the `vite-plugin-tauri` plugin
which allows you to define a separate script in `package.json` to develop
your tauri app that won't conflict with your normal vite web development flow.
1. Create a `vite.config.tauri.js` with the following content
```ts
import { defineConfig, mergeConfig } from "vite";
import baseViteConfig from "./vite.config";
import tauri from "vite-plugin-tauri";
export default defineConfig(
mergeConfig(baseViteConfig, {
plugins: [tauri()],
// optional but recommended
clearScreen: false,
server: {
open: false,
},
}),
);
```
2. Modify `package.json`:
```diff
// package.json
{
..
"scripts": {
"dev": "vite",
"build": "vite build",
+ "dev:tauri": "vite --config vite.config.tauri.js",
+ "build:tauri": "vite build --config vite.config.tauri.js",
"preview": "vite preview"
},
..
}
```
## License
[MIT](./LICENSE) © Amr Bashir