可以缩小 Web 源文件上 class 名称的构建工具?

build tool that can minify class names on web source files?

您好,我正在按照 BEM 方法为项目命名 class 名称,因为名称描述性强且较长,我觉得它很冗长。

所以模式中的每个 class 名称,block__element--modifiersass stylesheetscoffeescript 和主 html 文档中被引用,它将是最好将其重命名为 ab 或一些简单的随机 class 名称。

是否存在一些可以集成到构建管道 gulpgrunt 的工具,其中构建的代码已经缩小了不同文件中的 html 个变量?

一个解决方案是将您的 SASS 编译成 CSS,然后使用 https://github.com/calebthebrewer/gulp-selectors 进一步减少已编译 CSS 中冗长的 class 名称文件。

这个库可能直接使用未编译的 SASS 但我没有尝试过,文档中也没有这样说。