Vue使用SCSS进行模块化开发


原文地址:http://www.cnblogs.com/JimmyBright/p/7761531.html

个人认为scss最大的好处就是能将css属性设置为变量,这样让css一键更换主题成为可能。

Vue使用scss开发的步骤是这样的。

1:安装npm的sass模块

sass和scss本质上是同一个东西,只是scss更加语义化,语法一看就会,一般没毛病的人不会考虑使用sass语法

模块安装,执行

npm install node-sass --save-dev
npm install sass-loader --save-dev

2:添加皮肤文件theme.scss

 theme.scss添加了几个颜色变量

3:Vue文件里使用theme.scss的参数

 4:效果


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM