[微信小程序開發] mpvue 微信小程序開發使用SASS寫樣式

 

 

 

第一：分別安裝：

npm i sass-loader -D

npm i node-sass -D

 

第二： 改造style標簽，增加屬性lang="scss":

這樣就可以愉快的在style內寫sass了，webpack會自動編譯輸出

 

<style  lang="scss" scoped> // 注意：增加scoped屬性的作用是限定當前組件樣式的作用域僅作用域當前組件，這樣可以避免全局影響

 

$nav-color: #f1f1f1;

.page {

　　background: $nav-color;

}

 

</style>

 

本文地址：https://www.cnblogs.com/rapale/p/9007943.html

 

 

 

 

 

 

 

**轉載請注明出處**