zoukankan      html  css  js  c++  java
  • webpack性能优化-PWA(离线访问技术)

     

    PWA:渐进式网络开发应用程序(离线可访问),需要通过serviceWorker 实现,

    首先,webpack 配置使用  workbox-webpack-plugin 这个插件,生成一个 serviceWorker 配置文件

    引入插件:

    在plugins插件入口处引入插件

     接着,在入口文件 index.js 中注册 serviceWorker

     然后在修改package.json中 eslintConfig 配置

    因为 eslint不认识 window、navigator 等全局变量

     使用webpack打包

     然后运行代码:

     serviceWorke 必须运行在服务器上,所以需要启动服务器,

      1. 可以通过 node.js,运行

      2.全局安装 npm i serve -g

         然后启动服务器,将 build 目录下的所有资源作为静态资源暴露出去

        启动: serve -s buid

     打开:http://localhost:5000/    serviceWorker 注册成功:

     将浏览器置于 offine ,资源同样可以加载出来,

     

     

  • 相关阅读:
    oracle plsql 统计
    oracle plsql 自定义异常
    oracle plsql 异常
    oracle 游标
    oracle 存储函数,更新库存
    oracle TRUNC()函数
    plsql 的三种循环
    plsql if
    plsql 记录型变量
    CAS示例环境部署及配置
  • 原文地址:https://www.cnblogs.com/cl1998/p/13068745.html
Copyright © 2011-2022 走看看