sass__vite vue3 ts引用和全局变量

一、引入

直接安装就可以用

cnpm i sass -D

<style lang="scss" scoped>
a {
  color:lighten(#304455,10%);
}
</style>

二、全局变量

在vite.config.ts中加入引用

export default defineConfig({
  //-------添加这里 start-----------
  css:{
    //css预处理
    preprocessorOptions:{
      scss:{
        //引入var.scss全局预定义变量
        additionalData:'@import "./src/assets/scss/var.scss";@import "./src/assets/scss/mixin.scss";'
      }
    }
  },
  //-------添加这里 end-----------
  plugins: [vue()]
})