1、普通项目scss的使用
http://blog.csdn.net/sundayaaron/article/details/54616841(使用webstorm的file watchers 自动监听编译scss文件)
其实很好用,先建立一个scss文件,webstorm会自动帮你再建立一个css文件(还有一个map调试文件),然后你直接把这个css文件引入到html中就可以调试了(你是scss文件叫什么名字,css文件就叫什么名字,而且他们还处于同一层级,很优秀)。
其实我在这里想到一个问题,那最后上线的时候不是还要把scss文件拿出来,只把css文件放到服务器上,不是很麻烦吗。
2、vue中使用scss
vue中使用scss其实更加方便:
Ⅰ 在每个组件里面使用只需要在<style>标签里面表明他是scss文件就可以了。
Ⅱ 配置webpack自动编译scss,好用到爆