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
- 官方地址:https://github.com/Vanessa219/vditor.git
- Fork地址:https://github.com/zhangdaiscott/vditor-jeecg.git
注意:这个项目比较老,需要切换node版本,使用nvm
切换到v18.20.2
版本
nvm use 18.20.2
npm install
npm run build