3. 为了更好地在Typescript中使用,可以创建声明文件
filename.module.scss.d.ts
,输入以下内容
export interface IGlobalScss {
menuText: string;
menuActiveText: string;
export const styles: IGlobalScss;
export default styles;
4.此时在vue组件中使用,输入'styles.'时会有代码提示
// 导入
import styles from "../styles/vars.module.scss";
// 在JS中使用
console.log(styles.menuText);
Vite
默认支持以
.module.css
为后缀名的 CSS 文件都被认为是一个
CSS modules
文件