cssModule vs css-in-js两种模式的对比

21 阅读1分钟
  1. 对于个人而言或者大部分传统的前端开发工程师,可能更熟悉css module这种模式,把css作为单独文件编写,学习css-in-js可能需要小部分成本
  2. 性能:css-module在打包时被转为js进行注入,无需运行时计算,因此会节省部分性能开销;而css-in-js会在运行时去执行,性能方面的要求会更高;
  3. 灵活性:css-in-js相对灵活,可以直接使用变量的形式去控制css是否展示,组件库开发时用该方式会更便捷;css-module更适用于静态的传统页面网站;
  4. SSR:css-module ssr配置方式相对简单,而css-in-js相对复杂