用途:解决 Vue 2 在 Vue CLI 或 Webpack 4 下集成 markstream-vue2 时与现代 Vue 2/Vite 方案不同的约束,例如包导出映射(export map)不可用、无法使用 Vite 的 worker 导入方式。
主要能力与使用方式:先检查现有包管理器、已安装版本和项目约定;确认确为 Vue 2 + Vue CLI/Webpack 4;安装 markstream-vue2 及仅被要求的对等依赖;显式导入 markstream-vue2/dist/index.css,因为旧工具链可能无法解析包的 CSS 导出映射;避免使用 ?worker 导入,仅在需要时改用 Markstream 的 CDN worker 辅助函数(用于 KaTeX 或 Mermaid);优先使用 stream-markdown 代码块而非脆弱的 Monaco worker 接线。示例中通过 import MarkdownRender from 'markstream-vue2' 引入组件,并传入 :content、:final、:fade 等属性;聊天内容保持平滑流式,已完成历史设置 final 并关闭 pacing/光标。
适用场景:Vue 2 运行在 Vue CLI 或 Webpack 4 上、包导出映射或 Vite worker 导入不可用的项目;需要保留既有旧版集成而非整体升级应用的场景。
限制:CDN worker 需要网络访问和兼容的内容安全策略(CSP);不覆盖 Monaco 风格的 worker 配置;Vue 2.6 可能还需要 @vue/composition-api。资料未提供具体版本号范围、价格与完整 API 列表。安全方面:引入 CDN worker 前应评估 CSP、网络策略与依赖信任,保留安全渲染默认值;用已安装包而非可变的上游 main 分支核对 props、导出路径与对等依赖范围;测试部分与完整流、畸形或不可信 Markdown、链接与图片 URL、取消与减少动效。Vue 2 已停止维护,应记录该旧版集成的维护与支持决策,不要静默升级整个应用;在可行时优先使用经过审查的本地打包 worker,而非可变的 CDN 代码。