跳到主要内容
版本:3.x

CSS Modules 编译器

  • 开始日期:2023-08-14
  • 目标主要版本:1.x
  • 参考问题:
  • 实现 PR:

概括

增加 CSS Modules 编译器,用于将 .module.css 后缀的文件编译为 C 代码。

基本示例

与 tsx 结合使用,详见 React TSX 编译器中的示例。

动机

CSS Modules 提供了一种更加模块化和可维护的方式来管理 CSS 样式,避免了全局命名冲突的问题,提高了样式的复用性,并且与组件之间的关系更加紧密。

详细设计

需要用到的库有:postcsspostcss-modulespostcss-sass

当文件后缀名是 .sass.scss 时,启用 postcss-sass 插件,当文件二级后缀名是 .module 时启用 postcss-modules 插件。

缺点

无。

备选方案

无。

采用策略

这是一项新增的功能。