跳到主要内容

MarkDown组件渲染慢

产生原因

vditor加载慢导致MarkDown组件渲染慢,解决方案是把vditor静态资源本地化。

修改步骤

1. 创建public资源目录

进入项目目录,在public目录下创建 vditor@3.9.4

2. 修改cdn本地化

修改src\components\Markdown\src\Markdown.vue文件

3.制作 vditor的dist

直接下载官方项目vditor或者fork,本地build

注意:这个项目比较老,需要切换node版本,使用nvm切换到v18.20.2版本

nvm use 18.20.2
npm install
npm run build