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