CSS模塊化方案分類：

1、命名約定

規范化CSS的解決方案如：BEM、OOCSS、AMCSS、SMACSS

2、CSS in JS

徹底拋棄 CSS，用 JavaScript 寫 CSS 規則，styled-components 就是其中代表。

3、使用JS 來管理樣式模塊

使用JS編譯原生的CSS文件，使其具備模塊化的能力，代表是 CSS Modules。

但是這些模塊化方案都是各有優缺點，如命名約定：命名復雜、CSS in JS：缺乏擴展、 CSS Modules當然也有一些缺點(你得先學會它再去談優劣)。在眾多解決方案中，沒有絕對的優劣。還是要結合自己的場景來決定。

CSS Modules學習地址：

https://segmentfault.com/a/1190000014722978

https://segmentfault.com/a/1190000004530909

總結

以上是生活随笔為你收集整理的CSS模块化方案分类的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。