Vue3+vite使用scss全局变量

Vue3+vite使用scss全局变量踩坑

首先需要下载依赖(vue3直接使用sass，不需要再用node-sass)

npm install sass sass-loader -D

然后使用scss全局变量需要在vite.config.js配置引入（必须在这引入，main.js引入会报错）

css:{
    preprocessorOptions:{
      scss: {
        additionalData: `@import "@/style/mixin.scss";`
      }
    }
 }

最后一定要在app.vue的style上加上lang=“scss”,不然也会报错。

<style lang="scss">
// 
style>