关于Vite配置preprocessorOptions.scss.additionalData全局引入scss文件无效问题

这个问题可能是因为preprocessorOptions配置不正确或者是Vite版本的问题。确保你的Vite版本支持你所使用的配置。

以下是一个配置示例，用于在Vite中全局引入SCSS文件：

// vite.config.js
import path from 'path';
 
export default {
  // ...
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/styles/global.scss";`
      }
    }
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },
  // ...
};

在这个配置中，@/styles/global.scss 是全局SCSS文件的路径，它将被导入到每一个SCSS文件中。@ 别名被配置为项目的 src 目录，这样可以让你使用 @ 来简化路径。

确保你的Vite版本符合该配置要求，如果版本过低可能不支持这种配置方式。可以通过以下命令升级Vite到最新版本：

npm install vite@latest
# 或者
yarn add vite@latest

如果问题依旧存在，请检查global.scss文件的路径是否正确，以及SCSS文件内的语法是否无误。如果以上步骤都无法解决问题，请提供更详细的错误信息或者查看Vite的官方文档和GitHub issues来寻找可能的解决方案。