前端开发中，代码可复用性是一个很重要的问题。如果我们写出来的代码难以复用，那么整个项目的成本将会大幅增加。为了提高前端开发效率和代码可复用性，我们可以使用 broccoli-beml 这个 npm 包。
什么是 broccoli-beml？
broccoli-beml 是一个帮助我们快速构建 BEM 类名的工具。BEM 是一种前端命名规范，它可以让我们的代码更加高效和结构化。broccoli-beml 的使用方法很简单，只需要给一个参数，它就能够自动生成对应的类名。
如何安装 broccoli-beml？
安装 broccoli-beml 十分简单，只需要在终端中输入以下命令即可：
npm install --save broccoli-beml
如何使用 broccoli-beml？
使用 broccoli-beml 有两种方法：全局使用和局部使用。如果您需要在整个项目中使用 broccoli-beml，那么将其全局安装即可：
npm install -g broccoli-beml
接下来，我们可以在命令行中直接执行 broccoli-beml 命令：
broccoli-beml module block [modifier value]
如果需要在局部环境中使用 broccoli-beml，可以在代码中引入它：
const beml = require('broccoli-beml');使用示例：
let cls = beml('my-module', 'my-block');
// cls = 'my-module__my-block'
cls = beml('my-module', 'my-block', 'my-modifier', 'my-value');
// cls = 'my-module__my-block--my-modifier_my-value'如何优化 broccoli-beml？
Broccoli-beml 默认的分隔符是 “__” 和 “--”，分别分隔块和状态。我们可以通过更改相关配置来优化这些分隔符。以 “::” 和 “-” 为例：
const beml = require('broccoli-beml');
beml.separators.b = '::';
beml.separators.m = '-';
const cls = beml('my-module', 'my-block', 'my-modifier', 'my-value');
// cls = 'my-module::my-block-my-modifier-my-value'总结
Broccoli-beml 是一个非常方便的工具包，帮助我们快速构建 BEM 类名，提高代码的可复用性和结构化。我们可以通过全局安装或局部引入的方式使用 broccoli-beml，同时根据需要优化其相关配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde527e