Bootstrap and package your project with Angular 16 (Typescript + SASS + Hot Reload) and Tauri (Rust) for creating Desktop applications.
Currently runs with:
- Angular v16.2.12
- Tauri 1.5.3
With this sample, you can:
- Run your app in a local development environment with Tauri & Hot reload
- Run your app in a production environment
- Package your app into an executable file for Linux, Windows & Mac
/!\ Angular CLI needs Node 16 or later to work correctly.
Clone this repository locally:
git clone https://github.com/maximegris/angular-tauri.gitInstall Tauri (Rust)
https://tauri.studio/docs/getting-started/prerequisites
Install dependencies with npm:
npm installIf you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context.
Please follow Angular-cli documentation if you had installed a previous version of angular-cli.
npm install -g @angular/cliOlder @angular/cli references may grab angular version 15. To update to angular version 16 specifically for the global cli run:
npm install -g @angular/cli@^16- in a terminal window -> npm start
Voila! You can use your Angular + Tauri app in a local development environment with hot reload!
The application code is managed by src-tauri/main.rs. \
In this sample, the app runs with a simple Angular App (http://localhost:4200), and a webView managed by Tauri.
| Folder | Description |
|---|---|
| src-tauri | Tauri main process folder (Rust) |
| src | Tauri renderer process folder (Web / Angular) |
Maybe you only want to execute the application in the browser with hot reload? Just run npm run web:serve.
| Command | Description |
|---|---|
npm run web:serve |
Execute the app in the web browser (DEV mode) |
npm run web:prod |
Build the app that can be used directly in the web browser. Your built files are in the /dist folder. |
npm run tauri:bundle |
Builds your application and creates an app consumable based on your operating system |
Your application is optimised. Only /dist folder is included in the final bundle.