https://github.com/avine/web-explorer
Front end developer playground
https://github.com/avine/web-explorer
css3 es6-javascript html5 standard web
Last synced: 3 months ago
JSON representation
Front end developer playground
- Host: GitHub
- URL: https://github.com/avine/web-explorer
- Owner: avine
- License: mit
- Created: 2018-04-13T11:43:41.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-11-30T14:45:26.000Z (over 7 years ago)
- Last Synced: 2025-05-14T18:54:04.245Z (about 1 year ago)
- Topics: css3, es6-javascript, html5, standard, web
- Language: TypeScript
- Homepage: https://avine.github.io/web-explorer/
- Size: 1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WebExplorer
Front end developer playground
## npm scripts usage
For development:
```bash
# Build frontend and backend in watch mode
npm run watch # aka: npm run watch:front & npm run watch:back
# Start backend web server in watch mode
npm run start:watch
```
For production:
```bash
# Build frontend and backend
npm run build # aka: npm run build:front & npm run build:back
# Start backend web server
npm start
```
To mock the backend web server:
```bash
# Only watch (or build) the front
npm run watch:front # or: npm run build:front
# Start webpack-dev-server instead of the real backend web server
npm run start:mock
```
## Service worker
Open `src/front/service-worker.js` and update the cache version each time you upload a new version of the App.
```js
const cacheVersion = 1;
```
## HTML base setting
For production:
Open `src/front/index.html` and set the base `href` according to your public path. Then, run the npm scripts as described above.
```html
```