sass__vite vue3 ts引用和全局變量

一、引入

cnpm i sass -D      

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

二、全局變量

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()]
})