javascript – 自动更改类名的CSS优化

前端之家收集整理的这篇文章主要介绍了javascript – 自动更改类名的CSS优化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种工具来优化我的网站的完整版本.我使用SASS作为CSS预处理器和Uglify来创建我的 JavaScript文件,还有一些工具都与Grunt捆绑在一起.此外,标记在这种情况下是单个index.html文件,但在其他项目中,它位于PHP文件或Liquid模板中.

我正在使用BEM(block,element,modifier)来命名我的课程,有时会导致相当庞大的类名,例如navigation__item__link – home或者甚至更长.

我正在寻找一种工具,可以自动转换最终的,构建的CSS文件,它将类或id名称更改为.a,.b,但是根据相同的方法更改每个HTML和JavaScript文件,以便相关代码不会搞砸.

我当然希望保留原始项目文件,因此我希望该工具能够根据这些规则创建新文件,并且最好能够与Grunt一起使用.

解决方法

听起来您正在寻找一种名为 munch的工具.它是一种预先部署工具,可以满足您的要求.它是一个命令行实用程序,您指向您的视图(html),css和js文件,它将缩短类名和ID,同时仍保持它们的唯一性并保持所有源文件之间的引用完整性.还有一些方便的选项,例如输出映射文件功能,列出它所做的转换.文档很简单.

FWIW,我不隶属于该项目.

原文链接:https://www.f2er.com/js/157540.html

猜你在找的JavaScript相关文章