开发日志工具与开发
开发日志:单文件离线预览
为了让人不装任何依赖就能看到网站效果,这周做了一个可以直接双击打开的单文件 HTML 预览。
为了让人不安装任何依赖就能看到网站效果,这周做了一个可以直接双击打开的单文件预览。脚本、样式、字体和配图全部内联进一个 HTML 文件,不依赖网络。
$ npm run build
$ npm run build:preview
file://下没有服务端路由,改用#/post/...形式的 fragment 路由。- 图片转成 data URI 内联;体积变大,但这个文件只用于本地预览,不参与正式部署。
- 部分浏览器在
file://下禁止使用localStorage,此时退回内存存储,并在页面上明确提示“划线只保留到本次阅读”。 - 评论与登录在预览中显示为未连接,不模拟任何数据。