Vite and Dev Server

Vite and Dev Server

Vite, npm Scripts and the Dev Server

npm 2,036 install now downloads what the generator listed: framework7 9.1.3 with dom7, swiper and the icon packages, plus vite 8.3.0, rollup-plugin-framework7 and workbox-cli. A postinstall script copies the icon fonts into src/fonts/.

Installing dependencies and starting the dev serverShell

npm install
npm run dev

Output

added 647 packages, and audited 648 packages in 30s
...
> booknest@1.0.0 dev
> cross-env NODE_ENV=development vite
(!) Your Vite config uses features that are unsupported by `configLoader: 'native'`, ...
  - ESM syntax in a file loaded as CommonJS (vite.config.js:2:1). Use a `.mjs` extension or ...
...
  VITE v8.3.0  ready in 1185 ms
  ➜  Local:   http://localhost:5173/
  ➜  Network: http://172.23.167.60:5173/   eth0

npm start is an alias for npm run dev, and npm run build runs vite build and then workbox generateSW (React, Vue, PWA, Native). The generated vite.config.js makes src/ the web root and public/ the static folder, and it builds into www/, the folder Cordova 129 and Capacitor 243,123 wrap. It compiles .f7 files with rollup-plugin-framework7 and sets server.host: true, so the Network address works from a phone on the same Wi-Fi (under WSL 6 , use http://localhost:5173/ from Windows).

MENU