scss使用

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,好用到爆

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、sass安装准备工作 官网下载地址:http://rubyinstaller.org/downloads 安装...
    FX喂你袋盐阅读 3,025评论 0 0
  • 入门教程可以参考相关网站 内容部分来自互联网,部分原创。 本文整理自上周五的SCSS经验分享PPT。 仅分享几点使...
    OManly阅读 8,179评论 0 5
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,842评论 0 21
  • (16年8月21日晚11:08分) 一趟火车刚鸣笛从家对面桥头驶过,咔哒咔哒地划破小县城寂静的夜晚。几个醉汉半夜嗨...
    食梦狸猫阅读 1,800评论 0 0
  • 我们如此眷恋,放不了手 青春岁月,欢爱温暖 许许多多舍不得 原来,都必须舍得 舍不得,终究只是妄想而已 无论甘心,...
    拈花一笑sun阅读 4,440评论 0 1