解决vite.config.ts 引入scss 预处理报错

版本号：

"sass": "^1.85.1",

"sass-loader": "^16.0.5",

"vite": "^6.0.5",

报错图片：

vite.config.ts 一开始文件错误

 

修改之后：完美解决报错

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  //   引入预处理  @/bem.scss
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@use "@/bem.scss" as *;',
      },
    },
  },
});

使用的测试的style样式

<style lang="scss">
@include b(test) {
  color: red;
}
</style>