© 2024. All rights reserved.

babel

CSS Modules：babel-plugin-react-css-modules 小記

樣式管理一直是前端工程師的痛點（很煩 (╯‵□′)╯︵┴─┴），因此 CSS 的模組化方法從過去的 OOCSS、SMACSS，到近代的 BEM，還有最近的 CSS Modules 與 CSS in JS，企圖讓程式碼簡潔易懂、可重用，進而有效率地開發和維護。這裡記錄我的玩具「吃什麼，どっち」使用 CSS Modules 之 babel-plugin-react-css-modules 的實作過程。

August 14, 2018 CSS Modules CSS in JS styled-components babel react.js BEM css webpack Media Query 吃什麼 · 留言

CSS 的模組化方法：OOCSS、SMACSS、BEM、CSS Modules、CSS in JS

OOCSS、SMACSS、BEM、CSS Modules、CSS in JS … 這些規範（或稱心法、解法）存在的目的都是為了讓程式碼易懂、可重用，進而有效率地開發和維護。

June 5, 2018 CSS Modules CSS in JS BEM styled-components css react.js vue.js babel · 留言

babel-register 無法正確讀取 CSS 相關檔案

babel-register 無法正確讀取 CSS 相關檔案的解法。

January 3, 2017 webpack babel · 留言