如何評價 CSS Modules？

1樓：墨磊

作為 BEM 的受益者，看到這類工具的出現是很開心的

與其費神的告訴別人要遵守某種規則，以規避某種痛苦，到不如從工具層面就滅到這種痛苦。

和 React 搭配使用，不能再愉快了。

再有之後，對於不想在 ReactNative 裡寫 inline css 的開發者，也是有可以開腦洞的借鑑。

當然其他基於模版，也是一樣，只是需要繞一下，注入 classMap 到 scope 中。

維護上，字首是檔案路徑 sourcemap 都省去了。

當前版本, 暫不支援 pre-processor,

不過其背後足夠強大的 PostCSS 也組成一套 processor 了，

比如 cssnext - Use tomorrow's CSS syntax, today. 和 postcss/postcss-nested · GitHub 一起用著，感覺沒太多需要 Stylus, SASS 或者 LESS 的地方了。

另，有個不方便的地方，當前父 Component 的對子 Component 的樣式覆寫好像無能的樣子，( class 名是自動生成的，除非用 :global(.component) 暴露到全域性去，或者也許我們不該這麼思考 ?

）Webpack 使用者現在已經可以試用了，css-modules/webpack-demo · GitHub

Browserify 使用者還需要面對一些坑 ( CSS 的生成路徑不存在的話將無法或者檔案, 報錯之後要歇菜 )

Node 環境也正常，css-modules/css-modules-require-hook · GitHub，用做測試環境，

用做模版引擎都是可行的。

2樓：貘吃饃香

瀉藥偶沒咋看這個

按道理說

只要是老外發的

只能無條件叫好

政治正確在圈裡最重要

所以偶認為是好的

引領方向的

ps:雖然偶對寫文兒人所在地（Glen Maddern is an independent Web Developer from Melbourne, Australia.）表示開心，這可能是受微博上@靈感之源（@陳輝生）的影響頗深所致。

但這不影響偶的觀點