可以缩小 Web 源文件上 class 名称的构建工具?
build tool that can minify class names on web source files?
您好,我正在按照 BEM 方法为项目命名 class 名称,因为名称描述性强且较长,我觉得它很冗长。
所以模式中的每个 class 名称,block__element--modifier
在 sass stylesheets
、coffeescript
和主 html
文档中被引用,它将是最好将其重命名为 a
或 b
或一些简单的随机 class 名称。
是否存在一些可以集成到构建管道 gulp
或 grunt
的工具,其中构建的代码已经缩小了不同文件中的 html 个变量?
一个解决方案是将您的 SASS 编译成 CSS,然后使用 https://github.com/calebthebrewer/gulp-selectors 进一步减少已编译 CSS 中冗长的 class 名称文件。
这个库可能直接使用未编译的 SASS 但我没有尝试过,文档中也没有这样说。
您好,我正在按照 BEM 方法为项目命名 class 名称,因为名称描述性强且较长,我觉得它很冗长。
所以模式中的每个 class 名称,block__element--modifier
在 sass stylesheets
、coffeescript
和主 html
文档中被引用,它将是最好将其重命名为 a
或 b
或一些简单的随机 class 名称。
是否存在一些可以集成到构建管道 gulp
或 grunt
的工具,其中构建的代码已经缩小了不同文件中的 html 个变量?
一个解决方案是将您的 SASS 编译成 CSS,然后使用 https://github.com/calebthebrewer/gulp-selectors 进一步减少已编译 CSS 中冗长的 class 名称文件。
这个库可能直接使用未编译的 SASS 但我没有尝试过,文档中也没有这样说。