vite.config.ts配置全局scss

npm install -D sass-loader node-sass sass
  • vite.config.ts配置全局scss
// 全局css 
css: {
  preprocessorOptions: { 
    scss: {
      additionalData: `./src/assets/scss/global.scss";`,
    }
  }
},

global.scss:

$orange: #FFA500;

helloPage.vue:

<style lang="scss" scoped>
.container {
  background-color: $orange;
}
</style>

CSS 預處理器

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容