前言
在前端开发中，使用 markdown 格式编写文档是一种很普遍的习惯。而 koumei-markdown-loader 是一个可以将 markdown 文件转换成 HTML 的 webpack 加载器。本文将介绍如何使用 koumei-markdown-loader。
安装
在使用 koumei-markdown-loader 之前，你需要先安装 webpack 和 koumei-markdown-loader。执行以下命令进行安装：
npm install webpack koumei-markdown-loader --save-dev
配置
在 webpack 的配置文件中，添加 koumei-markdown-loader 的 loader 配置：
{
test: /\.md$/,
use: ['html-loader', 'koumei-markdown-loader']
}这里使用了 html-loader 来处理 koumei-markdown-loader 的结果，因为 koumei-markdown-loader 输出的是 HTML 字符串。当然你也可以直接在 koumei-markdown-loader 后面添加一个 raw-loader 来获取原始字符串，再自己处理。
使用
在代码中引入 markdown 文件即可：
import readme from './README.md'; console.log(readme);
这里读取的就是项目根目录下的 README.md 文件。如果你的 markdown 文件在其他目录下，修改 import 的路径即可。
示例代码
-- -------------------- ---- -------
-- -----------------
-------------- - -
-- ---
------- -
------ -
-
----- --------
---- --------------- -------------------------
-
-
--
-- ---
-
-- -------
------ ------ ---- --------------
--------------------结语
koumei-markdown-loader 是一个很好用的 webpack 加载器，能够帮助我们方便地将 markdown 文件转换成 HTML。相信本文对于初次接触 koumei-markdown-loader 的开发者能够提供一些参考和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe381e8991b448dd84b