1 | # lp-workbox-cdn
|
2 | [![npm (scoped with tag)](https://img.shields.io/npm/v/lp-workbox-cdn.svg)](https://npmjs.com/package/lp-workbox-cdn)
|
3 | [![NPM downloads](https://img.shields.io/npm/dm/lp-workbox-cdn.svg)](https://npmjs.com/package/lp-workbox-cdn)
|
4 | [![install size](https://packagephobia.now.sh/badge?p=lp-workbox-cdn)](https://packagephobia.now.sh/result?p=lp-workbox-cdn)
|
5 |
|
6 | [Workbox](https://developers.google.com/web/tools/workbox)非官方CDN,独立NPM包。
|
7 |
|
8 |
|
9 |
|
10 | ### 为什么做这个?
|
11 |
|
12 | - 默认情况下workbox会托管在storage.googleapis.com上,在国内部分地区可能无法访问。
|
13 | - 当使用`workbox-cli`生成文件到本地时,占用大小大约8MB,而实际使用不到1MB。
|
14 | - 生成到本地的,默认情况下走的还是storage.googleapis.com的引用,仍无法达到快速且正常访问。
|
15 |
|
16 |
|
17 |
|
18 | ### 使用
|
19 |
|
20 | #### 1.UNPKG
|
21 |
|
22 | ```
|
23 | https://unpkg.com/lp-workbox-cdn@3.6.3-3/workbox/workbox-sw.js
|
24 | ```
|
25 |
|
26 | #### 2.ALICDN
|
27 |
|
28 | ```
|
29 | https://g.alicdn.com/mylib/lp-workbox-cdn/3.6.3-2/workbox/workbox-sw.js
|
30 | ```
|
31 |
|
32 | #### 3.NPM自己生成
|
33 |
|
34 | 安装
|
35 |
|
36 | ```
|
37 | npm install lp-workbox-cdn
|
38 | ```
|
39 |
|
40 | 在安装目录下执行
|
41 |
|
42 | ```
|
43 | npm run build
|
44 | ```
|
45 |
|
46 | 选择安装方式
|
47 |
|
48 | ![](https://images.gitee.com/uploads/images/2019/0118/023556_7a2e605c_335765.png "屏幕截图.png")
|
49 |
|
50 | 然后发布到自己的npm即可。
|
51 |
|
52 | ---
|
53 |
|
54 | GitHub:[lecepin](https://github.com/lecepin)
|
55 |
|