【vue3+vite】scss导出，script导入提供给js使用

var.module.scss

$primaryColor: #1626a4;:export {primaryColor: $primaryColor;}

vue文件

import varStyle from '@/assets/styles/var.module.scss'
console.log(varStyle) // {primaryColor: "#1626a4"}

原理

来自vite的加持，命名是关键:https://vitejs.cn/vite5-cn/guide/features.html#css-modules

任何以 .module.css 为后缀名的 CSS 文件都被认为是一个 CSS modules 文件。导入这样的文件会返回一个相应的模块对象：