如何评价 CSS Modules?

html-css034

如何评价 CSS Modules?,第1张

CSS Modules 的优点主要是:

零学习成本

消灭全局变量和冲突(Hacker News 中有一个评论提到这个解决方式与 C++ 编译器的 Name mangling 非常相似)

简单且易于调试的 composes 语法

对已有样式库及插件的良好支持

所有处理均在编译期完成

缺乏 Dead Code Elimination 的好方法可能是需要改进的部分之一。另外如果 composes 太多,输入相对路径很麻烦,那不妨设置一些 webpack alias。

另外今天在飞机上听了一期 React Podcast [1],嘉宾是在 React Europe 做 inline-styles talk 的 Michael Chan。嘉宾们诚实的列出了 inline-styles 的很多问题(比如对 pseudo-class 的支持缺乏等等),也表示在实际项目中的应用还是比较克制的。我觉得 inline-styles、Radium 和 CSS Modules 都是非常棒的思路和探索;也许每一种方案都不是银弹,但都是值得研究和改进的。

CoffeeScript 现在一点都不酷了,但若没有它 ES6 可能也不会长成现在这样。这个圈子里没有什么 BDFL,或者说语言和工具的实现很大程度上是由社区主导的。对我来说这是 UI Engineering 这个社区最有趣的地方。

上面好像描述了标题,用户名,用户数据之类,我不知道你要居左哪一项,还是要全部居左,你要居左的那一项在大括号里面加上text-align:left就可以了。如果要全部居左,就#in_comment{width:710pxtext-align:left}