# PWA-Tools

**Repository Path**: XRSec/PWA-Tools

## Basic Information

- **Project Name**: PWA-Tools
- **Description**: PWA生成工具 网页离线缓存 网页加速
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-17
- **Last Updated**: 2021-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Pwa App 生成工具

### manifest.json

Web App `manifest.json` 生成器 : [Web App Manifest Generator](https://app-manifest.firebaseapp.com/)

需要修改这个文件，看模板

首先设置引入这两个文件，这两个文件最好存储在网站根目录

```html
<script src="./ws.js"></script>
<link rel="manifest" href="./manifest.json">
```

安装 workbox-cli


```shell
npm i
npm install -g workbox-cli
workbox wizard # 生成config.js 选择[输出的]静态文件目录
[workbox generateSW ./workbox-config.js] # 默认生成在当前目录
npm run dev # 如果自定义了位置需要修改 package.json dev:
```

### ws.js

全称 Service Work-sw.js

最好把这个放在根目录

### sw.js

workbox-cli生成的sw缓存文件

### workbox-config.js

workbox-cli生成的配置文件