前言
在前端开发过程中，经常需要将需要展示的内容以某种格式进行标记，比如 Markdown，然后将标记转换成 HTML 进行渲染。但是，HTML 结构并不一定符合 BEM 命名规范，而在实际开发中，采用 BEM 命名规范可以提高代码复用性，降低维护成本。因此，我们需要一个工具将 Markdown 转换成 BEMJSON 格式，这时候，就需要用到 npm 包 md-2-bemjson。
本文将详细介绍 md-2-bemjson 的使用教程，并提供示例代码和指导意义。
安装和使用
- 安装
使用 npm 在全局安装 md-2-bemjson：
npm install -g md-2-bemjson
- 使用
将 Markdown 文件转成 BEMJSON 格式，输入以下命令：
md-2-bemjson --input path/to/your/file.md --output path/to/your/file.bemjson.js
指定输入文件路径和输出文件路径即可。
示例
下面是一个简单的示例，将以下 Markdown 内容：
-- -------------------- ---- ------- - ----- -------- -- -------- - --- - - --- - -------- --------------------------------
转换为 BEMJSON 格式：
-- -------------------- ---- -------
-
------ ------------
-------- -
- ------ -------- -------- ------- --
- ------ ------- -------- ---------- --
-
------ ------------
----- - ------ - --
-------- -
- ------ -------- ----- - ------ - -- -------- ---------- --
-
------ -------
-------- -
- ------ ------------ -------- ---- -- --
- ------ ------------ -------- ---- -- --
--
--
- ------ -------- ---- ------------------------ --
--
--
--
-在前端中，可以使用工具如 BEMTREE 或 bem-xjst 将 BEMJSON 转换成 HTML 代码。
指导意义
1.在前端开发过程中，采用 BEM 命名规范是一种良好的编程习惯，可以提高代码复用性和维护性。
2.在转换过程中，可以自定义规则，适配业务需求。
3.md-2-bemjson 是一款强大的工具，在开发中可以提高生产效率，缩减开发时间，减少代码量，降低维护成本。
总之，使用 md-2-bemjson 可以将 Markdown 转换为 BEMJSON 格式，并通过其他 BEM 工具将其转换为 HTML 代码，符合 BEM 命名规范，提高代码复用性，降低维护成本。值得前端开发者学习使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005570781e8991b448d3ed3