2024-07-30问题描述 是不是觉得自己配置没问题 倒停了很久 @use “@/styles/variables.scss” as *;最后的分号也加 哈哈看了网上好多说的 还是没解决我就纳闷了。你直接不用Vite配置preprocessorOptions.scss.additionalData了。原来这不是一个bug，只有在main.js引入一个其他scss文件或者在.vue文件中使用。直接写一个css 文件，main 导入立马生效好吧 就可以var(–xxx)了。github查找 才发。_vite preprocessoroptions

https://www.qianduange.cn//article/14566.html 分类：前端知识

2024-06-18通常的做法是在单独的文件中定义这些全局变量，然后通过@import规则将其导入到需要使用这些变量的地方。2.导入全局变量文件： 在项目的主入口样式文件（比如 main.scss 或者根据Vite或VueCLI配置的入口文件）中，通过 @import 导入这个全局变量文件。1.创建一个全局变量文件： 例如，创建一个名为 _variables.scss 的文件，并在这个文件中定义你的全局变量。这样一来，你在整个项目中定义的任何SCSS文件只要包含了对主入口文件的引用，就可以直接使用这些全局变量。_scss全局变量

https://www.qianduange.cn//article/12627.html 分类：前端知识

2024-03-02出现这个问题的原因就是可以在报错中看到我们当前的sass版本是9.0.0的，和项目中需要的4.0.0的不一样，就导致了冲突，那必须要同步一下，要么改项目里面的sass版本，要么把当前的sass版本改为项目需要的。这里我选择把自己的sass降级改为项目中需要的4.0.0版本。在运行项目的时候出现了这个问题，一开始是因为没有sass，使用命令下载了sass后又报了这个错误。然后再去运行项目就可以了。卸载原来安装的sass。_node sass version 9.0.0 is incompatible with ^4.0.0.

https://www.qianduange.cn//article/3054.html 分类：前端知识