[微信小程序开发] mpvue 微信小程序开发使用SASS写样式

[微信小程序开发] 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

 

 

 

 

 

 

 

**转载请注明出处**

posted on 2018-05-08 14:14 rapale 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/rapale/p/9007943.html