js中如何使用css中的变量

227 阅读1分钟

在css文件中或者less sass等预编语言中写入如下导出代码

:export {
  exportedkey: @primary-color;
}

然后在js中引入

import variable from 'variable.less'

这个variable打印一下就会发现 是一个导出的对象

不生效的情况

在最新的vite和webpeack5中 这样写 是没办法生效的。 我们要把css文件多加个module后缀才行 例如上述的 variable.less 改为 variable.module.less 即可