CSS Modules变量导出在JS中使用

使用CSS Modules来导出变量。在SCSS文件中声明变量,并在JS文件中通过引入CSS Modules来使用这些变量。示例代码如下:
在SCSS文件中定义变量:

$primary-color: blue;

:export {
  primaryColor: $primary-color;
}

在JS文件中引入CSS Modules并使用变量:

import styles from './styles.module.scss';

console.log(styles.primaryColor); // 输出: blue

这样可以在JS文件中直接引入SCSS文件定义的变量并使用。

参考文档:如何在 Javascript 和 Sass 之间共享变量

你可能感兴趣的:(CSS Modules变量导出在JS中使用)