这几天基于支持 HTML5 无感认证的 ServerLess 平台开发了一款博客、门户网站等 web 平台常用的 PV 统计工具：page-counter 。主要用到的技术是 js+webpack。

回首看来，解决了以下几个比较有意思的问题：

• 如何设计代码，用统一的方式支持多个 ServerLess 平台？
• 如何架构项目，使得其支持 CDN 和 npm 两种方式引入？
• 如何精简源码，源码大小控制在 4kb？
• 如何借助 webpack 分离生产和测试环境？

源码地址：https://github.com/dongyuanxin/page-counter<br />npm 地址：https://www.npmjs.com/package/page-counter

如果有兴趣的同学，欢迎在阅读完本文后一起接入其他平台的开发； 觉得不错的同学，欢迎给个 Star 哦 。

项目目录

如上图所示，bin/backend 目录是暂时没用的。几个比较重要的目录功能说明：

• build/ : webpack 的配置文件，分别是公共配置、开发模式配置、生产模式配置
• dist/
• examples/ : gh-pages 页面，请看此页面
• deploy.sh : gh-pages 部署脚本，支持 ssh 和 https 协议
• index.js : npm 的入口文件
• index.build.js : CDN 打包入口文件
• src/ :

抽象接口：支持多 Serverless 平台