vue引入markdown文件报错

发布于 2022-09-11 20:15:45 字数 637 浏览 12 评论 0

问题

vue如何正确的导出一个markdown文件?

步骤

1、安装: npm i markdown-loader html-loader --save-dev

2、配置: 图片描述

3、使用: import markdownFile from ''./markdownFile.md'

结果报错

无法处理该.md文件。应该是配置出了问题,但是找不到配置到底哪里错了....
图片描述

4、查询问题
1、无效
2、无效
3、依然无效

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

睡美人的小仙女 2022-09-18 20:15:45

已经解决。使用inline配置:import markFile from '!!html-loader!markdown-loader!.article.md'

问题:在conf.js文件配置依然无效,找不到原因。

只能使用内联配置了。
import markFile from '!!markdown-loader!html-loader!.article.md'无效,必须先调用markdown-loader

下雨或天晴 2022-09-18 20:15:45

vue.config.js 中加入

chainWebpack(config) {
    config.module.rule('md')
            .test(/\.md$/)
            .use('html-loader')
            .loader('html-loader')
            .end()
            .use('markdown-loader')
            .loader('markdown-loader')
            .end()
  },
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文