Javascript 创建类名的生成系统

我的问题是基于这个问题：

Facebook和Google使用某种构建系统将类名（开发者可以理解语义）转换为短名称，这些短名称在带宽上很容易实现，从而生成压缩代码

那么，我们如何创建这个构建系统呢？如果只是更改PHP端的类名，那就不同了。但是，同样的类必须在CSS和Javascript方面进行更改。那么，在这样做时，我们如何保持一切完好无损

如果没有构建系统，那么像“.\u 4q7-”和“.\u 4q82”这样的类是很难使用的

---

我使用的是PHP、MySQL、JQuery…

如果您使用的是Gulp，这似乎是正确的选择：

注意CSS、JS和HTML之间的选择器一致性。还提供了处理自定义文件的能力，因此它可以用于其他类型的视图，而不仅仅是普通HTML文件

var processors = {
    'css':  ['scss', 'css'],        // run the css processor on .scss and .css files
    'html': ['haml'],               // run the html processor on .haml files
    'js-strings':   ['js']          // run the js-strings plugin on js files
},
ignores = {
    classes: ['hidden', 'active']   // ignore these class selectors,
    ids: '*'                        // ignore all IDs
};

gs.run(processors, ignores);

---

和？Less和Sass是CSS预处理器。。我不认为它们对你的HTML或JS代码有任何影响……我认为这种混乱正在发生，因为这个问题可能有点不清楚。OP询问上述站点对其构建器使用了什么，或者如何使构建器生成引用回正确的

css

类的模糊类名@Script47：如果我不清楚，很抱歉。。我想在我的网站上实现类似的东西。同时保持我的CSS&JS完整。@vignesh我理解你的意思，但是提供的答案和第一条评论表明其他人不理解你的意思。您可能应该更新OP以使其更清晰。谢谢。但有一个问题。代码是用JS编写的。那么，这是否意味着它只有在到达客户端后才会转换为短名称？因为它不能通过这种方式提高性能。是的，它是用JS编写的，因为Gulp（Gulp.JS）在Node.JS上本地运行，但是一旦您在本地运行了构建过程，您就可以从服务器上传要提供服务的结果文件。这似乎是一项艰巨的任务。。编写代码->构建->获取渲染结果->将新结果渲染给用户。。。太多不管怎样，我不确定你想得对。Gulp和整个构建过程都是在本地进行的，但我们正在将生成的文件上载到我们的网站，这样我们就可以在本地处理未统一/未编写的选择器/SCS文件。通过这种方式，网站用户将获得最终处理的文件，无论是精简的样式和脚本，还是重写的选择器等。我建议您查看Gulp并尝试为SCSS编译或JS缩小设置基本构建，一旦您完成了这项工作，我敢肯定它将对选择器重写问题有所帮助。当然。。我会试着。。塔克斯