vue3+vite引入sass mixin报错: Undefined mixin.

以往的开发中在以@import "@/assets/css/mixin.scss  的方式全局引入即可使用,

在一次vue3 + vite的实操中却遇到了 Undefined mixin. 的报错..

翻阅文档: https://vitejs.bootcss.com/config/#css-preprocessoroptions

得知需要通过配置vite指定传递给 CSS 预处理器的选项来引入全局mixin样式

vite.config.js :

export default {
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import 'src/renderer/styles/mixin.scss';`
      }
    }
  }
}