使用Webpack在JavaScript和SASS之間共享類名？

Question

如何在Web和JavaScript之間共享類名作爲我的JavaScript和SASS之間的變量？

林已經共享一個整數這樣說：

在我SASS：

$animationSpeed: 400; 
:export { 
    animationSpeed: $animationSpeed; 
} 

在我的JS：

import styles from './styles.scss'; 
const animationSpeed = parseInt(styles.animationSpeed); 

我可以使類名與此變量在我SASS ：

$animationClass: item--animating; 
:export { 
    animationClass: $animationClass; 
} 
.#{$animationClass} { 
    // styles here 
} 

然而，這在我的JS dost的工作。我假設它是因爲parseInt是整數。

const animationClass = parseInt(styles.animationClass); 

Answer 1

Doh！它非常簡單：

$animationClass: item--animating; 
:export { 
    animationClass: $animationClass; 
} 
.#{$animationClass} { 
    // styles here 
} 

import styles from './styles.scss'; 
const animationClass = styles.animationClass;