javascript - 通过预处理更改元素 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 选项。