創建類名

Question

的構建系統我的問題是基於這樣一個問題：https://www.quora.com/How-do-Facebook-structure-their-CSS-class-names

的Facebook &谷歌使用某種構建系統的類名（由開發語義理解）轉換爲短名稱這是容易對帶寬從而創建一個壓縮的代碼。

那麼，我們該如何創建這個構建系統呢？如果只是改變PHP端的類名，它就是另一回事。但是，必須在CSS和Javascript兩側修改相同的類。那麼，在做這件事時我們如何保持一切完好？

類似於「._4q7-」和「._4q82」的類如果沒有構建系統，就可以使用。

我使用PHP，MySQL和JQuery的...

Answer 1

如果您使用咕嘟咕嘟，這似乎是在正確的道路上：

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