关于Vite配置preprocessorOptions.scss

代码如下：

//vite.config.js
css: {
  preprocessorOptions: {
  //define global scss variable
     scss: {
       additionalData: `@import '@/styles/variables.scss';`,
      },
    },
 }

无效说明：

只有在main.js引入一个其他scss文件或者在.vue文件中使用<style lang="scss"><style>，并且里面有内容，则 scss.additionalData 配置的全局scss文件就可以正确引入了，建议我们在 scss.additionalData 引入的文件最好只写scss变量，别写css变量，因为css变量是运行时属性。

原文链接：https://www.jianshu.com/p/4918f8d9f2b4