通过预处理更改元素ID和类

Question

我坚信使用人类可读的名称来命名事物，但是我同样认识到.easy-to-read-and-informative-name-for-element在生产代码上有点过高。

那么，有没有一种方法可以在开发代码中维护长而翔实的开发名称，并将其变成尽可能短的名称，例如.a？在所有可能引用它的地方，标记，css，js？

我愿意使用Grunt，Gulp，Webpack或其他任何可以解决问题的方法。

Answer 1

您可以在Webpack中使用 css-loader 来混淆类：https://github.com/webpack-contrib/css-loader使用module选项。