在Vue中将scss变量导入打字稿

Question

我正在尝试将 SASS (scss) 变量导入 typescript Vue 3 项目中的 javascript：

// @/assets/styles/colors.scss
$white: #fff;

// @/assets/styles/_exports.scss
@import "./colors.scss";

:export {
  white: $white;
}

// @/assets/styles/colors.scss
$white: #fff;

// @/assets/styles/_exports.scss
@import "./colors.scss";

:export {
  white: $white;
}

但我得到Cannot find module '@/assets/styles/_export.scss' or its corresponding type declarations..

有什么想法吗？

谢谢

Answer 1

我创建了一个shims-scss.d.ts在src目录中命名的声明文件。

// shims-scss.d.ts

declare module '*.scss' {
  const content: {[className: string]: string};
  export default content;
}

它对我来说scss像_exports.scss你写的那样从文件中导入一个对象。