Skip to main content
Version: 3.x

CSS Modules 编译器

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

概括​

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

基本示例​

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

动机​

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

详细设计​

需要用到的库有:postcss、postcss-modules、postcss-sass 。

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

缺点​

无。

备选方案​

无。

采用策略​

这是一项新增的功能。