Question

我的问题基于这个问题：https://www.quora.com/How-do-Facebook-structure-their-CSS-class-names

Facebook＆amp;谷歌使用某种构建系统将类名（由开发人员在语义上理解）转换为易于带宽的短名称，从而创建压缩代码。

那么，我们如何创建这个构建系统呢？如果只是改变PHP方面的类名，那就是另一回事了。但是，必须在CSS和Javascript方面更改相同的类。那么，这样做时我们如何保持一切完整？

如果没有构建系统，像“._4q7-”和“._4q82”这样的类是疯狂的。

我正在使用PHP，MySQL，JQuery ......

Answer 1

如果你正在使用Gulp，这似乎是在正确的道路上：

https://github.com/calebthebrewer/gulp-selectors

考虑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);

创建类名的构建系统

1 个答案: