sass-scss-安装使用

发表于   |   分类于   |     |   阅读次数

安装

安装Ruby

windows：(点击去下载Ruby)[http://rubyinstaller.org/downloads/]

国内 gem 安装源

1
gem sources --addhttps://ruby.taobao.org/ --remove https://rubygems.org/

安装 sass

1
2
gem install sass
gem install compass

使用sass

将sass 转换为 scss（不同级目录加上路径 例如： ../lib/scss/scss.scss）

1
sass --scss style.sass style.scss

将sass 转换为 css（不同级目录加上路径 例如： ../lib/scss/scss.scss）

1
sass style.sass style.scss

监控自动编译自动编译（不同级目录加上路径 例如： ../lib/scss/scss.scss）

1
sass --watch style.sass:style.scss

编译压缩的css

1
2
3
4
nested     -     嵌套缩进的css代码，默认值。
expanded     -      没有缩进的、扩展的css代码
compact      -      简洁格式的css代码
compressed     -      压缩后的css代码

1
sass --style style.sass:style.scss

ionic 下使用sass

因为 ionic 本身自带 gulp 所以可以直接使用gulp来编译sass（注：需通过ionic创建的项目）

直接cd到项目目录下，使用 gulp 命令

1
gulp

注意看项目下 scss/ionic.app.scss 里面的路径是否正确（我的里面是不正确的，手动修改后即可生成）