H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue-cli中怎么引入.md文件并对其进行解析?

使用import xx from ‘.md’

想要取里面的字符串直接就报错了。

clipboard.png

哪些老铁有好的办法?

回答:

{
    test: /\.md$/,
    use: [
      {
        loader: "html-loader"
      },
      {
        loader: "markdown-loader",
        options: {
        }
      }
    ]
  }

npm i markdown-loader html-loader --save-dev

import guideAboutVueMd from './doc/guide/circle/about-vue.md'
    data () {
    return {
      md: guideAboutVueMd
    }
}

记得npm install不行就重新配一遍。
现在公司的一个文档就这么配的,没问题。

回答:

markdown-loader

回答:

加了这个loader,还是解析不了?
clipboard.png


clipboard.png

回答:

必须配置 loader
import xx from ‘.md’ 是只能导入js 有导入必须有导出才行
import ‘.md’ 只能导入整个文件

回答:

我也按照推荐答案试了一次,不过不知道为何说找不到依赖,

clipboard.png

项目路径如下

clipboard.png

报错如下

clipboard.png

本文地址:H5W3 » vue-cli中怎么引入.md文件并对其进行解析?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址