我正在制作一个css网格系统，它依赖于块的概念。因此，我有一个基本文件，如：
$max列：4；
$block-width:220px；
$block height:150px；
$block保证金：10px；
它被一个混合器使用：
@mixin块（$rows、$columns、$max columns）{
显示：块；
浮动：左；
保证金：$block margin 0$block margin；
框大小：边框框；
宽度：（$block width*$columns）-$block margin；
}
但是我也希望javascript能够访问基本文件中的变量。我在想我可以制作一个不可见的div，给它$block-width、$block-height和$block-margin属性，然后从中提取值。但是max columns并不能直接映射到任何东西，所以我必须想出一种在div中呈现它的方法。有没有更干净的方法来共享从sass/css到javascript的值，或者从sass/css到javascript的值
如果使用webpack，则可以使用sass loader导出变量，如：
$animation length ms:$animation length+0ms；
：出口{
animationMillis:$动画长度ms；
}
然后像进口一样进口
从“../styles/animation.scss”导入样式
const millis=parseInt（styles.animationMillis）
https://blog.bluematador.com/posts/how-to-share-variables-between-js-and-sass/