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

  • Z时代
  • 2024-02-18
  • 分类：IT

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，而不是个具体的对象，上面的写法还是不行？

有没有好的方式解决？

回答：

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

以上是 ts中使用scss变量如何声明类型？ 的全部内容， 来源链接： utcz.com/p/934310.html

回到顶部