vue3自定义全局less scss函数混入mixins混合样式

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    host: '0.0.0.0',
    port: 80,
    open: true
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import './src/global.scss';` // `@mixin cover(){background: blue;}`
      }
    }
  }
})

如下为官网
在这里插入图片描述
$injectedColor是一个scss样式变量
https://cn.vitejs.dev/config/shared-options.html