qing-markdown-loader

说明

Webpack loader，加载 .md 文件，并返回文件内内容字符串，以实现使 webpack 可加载 .md 文件的功能

introduce

Webpack loader, loads .md files and returns the file's internal content string to enable webpack to load .md files.

演示项目参考

• qing-markdown 演示项目

npm 安装

npm install qing-markdown-loader -D

快速上手

# 配置 loader，vue-cli 方式，vue.config.js 文件 
chainWebpack: config => {
  config.module
    .rule('md').test(/\.md$/).use('md-loader').loader('qing-markdown-loader')
}

// hello.md文件内内容为：# hello world
import hello from './hello.md'
 
//# 输出 # hello world
console.log(hello)

结合其他项目使用

• qing-markdown Vue Markdown 组件，可以将本地或远程 .md 文件以及 markdown 字符串解析为 HTML 显示