Fork me on GitHub

切个图,想用 sass

切个专题页,不想搭环境,但想用 sass

使用 sass

1
2
3
4
# 安装 sass
$ gem install sass -v '>=3.3.0alpha' --pre
# 监听编译 scss,生成 sourcemap,控制台里看到的是编译前的 scss
$ sass --watch --sourcemap -C scss.scss:scss.css

在 chrome 中实时修改 scss

需要给 Devtools 授权可访问你的工作目录,然后在 Devtools 中修改 scss 就可以实时生效了,同时修改你的本地文件
chrome_实时修改scss

如果不想生成额外的文件,可以用

1
2
# 监听编译 scss,不生成 sourcemap,控制台里看到的是编译后的 css
$ sass --watch --sourcemap=none -C scss.scss:scss.css
-------------感谢您的阅读 有问题请留言(或mailto:frostbelt@sina.cn)-------------