js获取scss变量

要在JavaScript中获取SCSS变量，你需要将这些变量导出并在JavaScript中引入。下面是一种常见的方法：

1. 在你的SCSS文件中定义变量：

$my-variable: red;

2. 在同一目录下创建一个JavaScript文件，例如`variables.js`：

import styles from './styles.scss';

const myVariable = styles['my-variable'];

export { myVariable };

3. 在你的HTML文件中引入生成的JavaScript文件：

<script src="variables.js"></script>

4. 现在你可以在其他JavaScript文件中使用该变量：

import { myVariable } from './variables';
console.log(myVariable); // 输出 'red'

这样你就可以通过在SCSS中定义变量，并在JavaScript中引入使用它们了。请确保在构建过程中对SCSS文件进行编译并生成相应的CSS文件，以确保变量被正确导出和使用。