Comments (2)
@spokospace you don't need to install anything, just run pnpm run build
and VitePWA
plugin will create for you sw.js
on dist
folder with index.html
modified to install sw.js
.
In dev
mode, it is not generated (sw.js
), only for build
, see this issue
If you want to use your own sw.js
file, you must go to VitePWA repository to check available options. There are WIP
features, so you cannot use certain options, see opened issues there.
You can see how to use workbox
here.
To test on your own node/express
server, just use the dist folder (all pwa
stuff are client side, you cannot use it on server side).
from vitesse.
@spokospace you can also run the app with https
, run this from the root directory:
pnpm run build && pnpm run preview-https
First time you run it, will ask you about installing a certificate (that will be generated for you), confirm installation on OS (keychain on macosx and certificate manager on windows) and open https://localhost
on chrome, for example.
I forgot that thelocalhost-https
dev dependency
was already included in package.json
.
from vitesse.
Related Issues (20)
- [bug ] : can't force my website visitors to get the new version HOT 3
- Font inconsistency between local run and online demo HOT 1
- 能放开对.d.ts文件的格式化不
- tsconfig error HOT 1
- carbon icon integration with VS Code HOT 1
- Consider using `unplugin-vue-router` HOT 1
- Language preferences are not preserved HOT 1
- I can‘t use ref in the vue^3.3.4and vite^4.4.5 HOT 2
- Page `hi` is missing dynamic route parameters
- layout feature doesn't work HOT 3
- Is there a plan to support jsx? HOT 3
- Format the contents of "<route lang='yaml'></route>" on save
- route layout not working
- Can anyone tell me how to use .env in this templete? HOT 2
- The eslint of this project is not working in vscode. HOT 2
- Running in subdirectory giving page not found.
- How to solve the console preload crossorigin warning problem HOT 1
- window type error HOT 1
- Module install order
- Regarding the evolution of Vitesse framework HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vitesse.