在css文件中或者less sass等预编语言中写入如下导出代码
:export {
exportedkey: @primary-color;
}
然后在js中引入
import variable from 'variable.less'
这个variable打印一下就会发现 是一个导出的对象
不生效的情况
在最新的vite和webpeack5中 这样写 是没办法生效的。
我们要把css文件多加个module后缀才行
例如上述的 variable.less 改为 variable.module.less 即可