Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/syonip/svelte-cordova
A package for developing a svelte cordova app, adding hot-reload from your device.
https://github.com/syonip/svelte-cordova
Last synced: 3 months ago
JSON representation
A package for developing a svelte cordova app, adding hot-reload from your device.
- Host: GitHub
- URL: https://github.com/syonip/svelte-cordova
- Owner: syonip
- Created: 2019-07-29T15:52:54.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T22:44:19.000Z (about 2 years ago)
- Last Synced: 2024-10-30T18:20:19.398Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 224 KB
- Stars: 40
- Watchers: 2
- Forks: 2
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# svelte-cordova
Develop a svelte app with cordova, including hot reload from your device.
Read more about it on my [blog](https://www.learningsomethingnew.com/introducing-svelte-cordova-template)
## Get the template
The easiest way to get started is with the template, which scaffolds a svelte app using degit, with a cordova folder inside, using cordova-svelte hooks for setting everything up.
```bash
npx degit syonip/svelte-cordova-template svelte-cordova-app
cd svelte-cordova-app
npm i
```
## Run local dev server (no cordova)
```bash
npm run dev
```
## Add your cordova platform
```bash
cd src-cordova
cordova platform add android/ios
```
## Develop on your device with hot reload
Back in the root folder:
```bash
npm run dev-android
```
or
```bash
npm run dev-ios
```
This will run the cordova project with a web view pointing to your workstation's IP.
You should see the message `Cordova deviceready fired!` if cordova loaded correctly.
Try to change something in App.svelte, and you should see the content reload in your device.
* You need to have an emulator/device connected to adb
* Your device has to be connected to the same wifi network as your workstation.
## To build a prod version:
```bash
npm run build-android
```
or
```bash
npm run build-ios
```
## IOS quirks
You need to add a `build.json` file in `src-cordova` folder with your developer id. More info at [cordova docs](https://cordova.apache.org/docs/en/latest/guide/platforms/ios/)