基于 Docker 与 Service Worker 的 Web 应用部署优化

本项目针对 publicity-page 实现了基于 Docker 的打包配置,并结合 Service Worker 实现离线缓存功能。每次打包版本号自动更新,并弹出更新网页提示。

主要功能:

  • Docker 打包配置
  • Service Worker 离线缓存
  • 自动版本号更新与网页更新提示
  • 多页面路由配置
  • 基于 rem 和 vwvh 的 PostCSS 转换器配置
  • 自动补全 CSS 前缀
  • 自动添加 favicon
  • 多页面 HTML 打包
  • Less 预处理器支持
  • Webpack 代码分离、压缩、混淆等优化

项目启动:

npm install
npm run dev # 开发环境
npm run build # 生产环境

路由配置示例:

/**
 * @param {String} name 路由名
 * @param {String} entry 入口文件
 * @param {Object} meta 元信息
 */
zip 文件大小:1.41MB