postcss 单独不转换_【转载】让CSS更完美:PostCSS-modules

译者注(@GeoffZhu): 这篇适合一些使用过预处理CSS的开发者，比如LESS，Sass或Stylus，如果你都没用过，那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了，该篇作者贡献了一个新工具，可以让更多开发者方便的使用最新的CSS Modules。

我们和全局作用域的CSS斗争了多年，现在终于是时候结束它了。不管你用的是什么语言还是框架，CSS命名冲突将不再是个问题。我将给你展示一下PostCSS和PostCSS-modules如何使用，并且可以在服务端使用它们。

CSS起初只是一个美化文档的工具，但是事情到1996年发生了变化。浏览器中不再单单只有文档了，即时通讯，各种软件，游戏，没什么是浏览器不能承载的。

当今，我们在HTML和CSS方面已经走了很远很远，开发者们激发出了CSS所有的潜力，甚至创造出了一些CSS本身都快驾驭不了的东西。

每一个有经验的开发者都知道 —— 每次使用全局命名空间都是留下了一个产生bug的隐患，因为很快就可能出现类似命名冲突之类的问题，再加上其他方面(项目越来越大等)的影响，代码越来越不易维护。

对于CSS来说，这意味着有问题的布局。CSS特异性和CSS宽泛性之间，一直存在着如史诗般的对决。仅仅是因为每个选择器都可能会影响到那些不想被影响的元素，使之产生了冲突。

基本所有编程语言都支持局部作用域。和CSS朝夕相伴的JavaScript有AMD, CommonJS和最终确定的ES6 modules。但是我们并没有一个可以模块化CSS的方法。

对于一个高质量项目来说，独立的UI组件(也就是组件化)非常重要的 —— 每个组件小巧独立，可以拼合成复杂的页面