Vue3.0中读取本地Markdown文件的内容

Posted 2023-05-13

参考技术A 在使用md-editor-v3实现markdown显示的时候，需求是读取本地的md文件，直接显示在页面上，因为当前项目使用Vue3.0+TS+Vite实现的，所以就需要看下怎么读取本地.MD文件的内容，看了Vite官方文档，发现静态资源文件c处理有说明，如下所示：

所以，我们要实现这个需求，只需要引入md文件即可，如下所示：

Vue 中使用 markdown 和加载.md 文件

参考技术A

首先安装 marked 插件

要能够从外部导入.md 文件，我们还需要给项目安装两个 loader。

还需要做一步，在项目的根路径下创建 vue.config.js (假如没有的话)。

然后在 vue.config.js 文件中加入下面的配置

最后就能正常在组件中导入 helloMarked.md 文件