开发日志工具与开发

开发日志:单文件离线预览

为了让人不装任何依赖就能看到网站效果,这周做了一个可以直接双击打开的单文件 HTML 预览。

为了让人不安装任何依赖就能看到网站效果,这周做了一个可以直接双击打开的单文件预览。脚本、样式、字体和配图全部内联进一个 HTML 文件,不依赖网络。

bash
$ npm run build
$ npm run build:preview
  • file:// 下没有服务端路由,改用 #/post/... 形式的 fragment 路由。
  • 图片转成 data URI 内联;体积变大,但这个文件只用于本地预览,不参与正式部署。
  • 部分浏览器在 file:// 下禁止使用 localStorage,此时退回内存存储,并在页面上明确提示“划线只保留到本次阅读”。
  • 评论与登录在预览中显示为未连接,不模拟任何数据。

读到这里,
感谢你留下这一小段时间。

开发日志构建Vite

发表评论…

公开讨论尚未连接

关于整篇文章,也关于让你停下来的那句话。
公开评论基于 GitHub Discussions;接入完成后才可发表。

正在加载评论…
发表评论
支持代码块与表情 · 评论公开可见0 / 6000

正在确认你的身份…

放大图片
搜索

输入关键词搜索标题、正文和标签。