Vite配置preprocessorOptions.scss.additionalData全局引入scss文件无效

  //vite.config.js
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import '@/***/***.scss';`,
      },
    },
  }

这种写法没有任何问题，可是在创建新项目的时候却无效了，在浏览器上也没有看到任何相关的样式
解决方法：只有在main.js引入一个其他scss文件或者在.vue文件中使用，并且里面有内容，则 scss.additionalData 配置的全局scss文件就可以正确引入了，还建议我们在 scss.additionalData 引入的文件最好只写scss变量，别写css变量，因为css变量是运行时属性。

  <style lang="scss"><style>