javascript - ts中使用scss变量如何声明类型？

Question

react用vite搭建的项目

// _variables.module.scss
$primary-color: #3459e3;

:export {
  primaryColor: $primary-color;
}

// ts
import variables from './variables.module.scss';
// 这里做代码提示primaryColor
console.log(variables.primaryColor);

想要做代码提示，必须声明variables的类型，不想再像下面这样写一遍。

import variables from './variables.module.scss';

export default variables as {primaryColor:string};

想直接根据scss中定义的变量生成类型声明，要怎么做？类似

import variables from './variables.module.scss';
type global = typeof variables;
export default variables as global;

但是因为variables是个cssmodule，而不是个具体的对象，上面的写法还是不行？

有没有好的方式解决？

Answer 1

这种网上搜一下不都有吗，给你找了一篇
https://juejin.cn/post/6844903560056930311